在我的网页中拆分静态文件 - 都有哪些取舍？

Posted 2023-02-24

【中文标题】在我的网页中拆分静态文件 - 都有哪些取舍？

【英文标题】：Splitting static files in my webpage - What are the trade-offs?在我的网页中拆分静态文件 - 有哪些取舍？

【发布时间】：2012-08-20 01:52:04

【问题描述】：

我目前正在参与一个 Django 项目，并且我肯定会使用 Twiter 引导程序进行布局。

虽然实际上并不精确，但我的问题很简单：Bootstrap 允许我选择要单独下载的样式/JS——表单、表格、响应式、按钮样式、导航等——并且还可以在一个单个“包罗万象”文件....而且我没有在同一页面上同时使用所有资源。

除此之外，我们还有 Django 模板系统，它允许我在另一个模板上构建一个模板，所以我基本上可以将更通用的东西添加到我的基本模板中，并且根据我在子模板中的需要，包含其他静态文件.

所以，总结一下：将这些样式分开是否值得？我认为在组织方面可能不是那么干净，因为我将不得不导入和处理更多的 CSS 文件，但另一方面我不会加载不必要的东西。

这种选择的取舍是什么？

感谢您的宝贵时间。

【参考方案1】：

将这些样式分开是否值得

不，不是。如果你环顾四周，例如visitmix，您会发现请求新文件的开销可以忽略不计。

从无 cookie 的域中为您提供静态服务器，用户只需访问您的服务器两次：一次用于 CSS，一次用于 javascript。

【讨论】：

我完全同意。如果您将永远使用这些部分，那么剥离 Bootstrap 的某些部分是值得的。如果您要随时随地使用它们，只需滚动整个 CSS/JS。