Javascript 在头文件中包含单独的CSS和JS文件，还是在一个CSS和一个JS文件中包含所有代码？

我正在努力优化我的网站。我有几个插件要包括（带有CSS的jquery插件）和我自己的javascript代码

现在，我下载了不同插件的CSS文件。如果我在实际页面上需要一个，我会生成代码来包含它。JS文件也是如此。但是，当要呈现包含大量内容的复杂页面时，可以调用9个CSS文件和7或8个JS文件，每个文件都是HTTP请求

我应该把CSS放在一个大文件中以减少包含的CSS文件的数量吗？但是，即使当前页面不需要太多内容，浏览器也会解释所有内容

我想到了第三种方法：用PHP生成CSS和JS文件。然后它将始终是一个JS和一个CSS文件，并且只包含所需的内容。还是一种荒谬的方式

---

你说用哪种方法来减少页面加载时间呢？

我认为你最后的解决方案是最好的

从php生成一个js文件和一个css文件，别忘了最小化它们：）

---

这是一篇关于优化的非常好的文章：

最好在一个文件中包含所有CSS，在一个文件中包含所有JS，并使用许多在线服务来缩小和压缩CSS和Javascript。这将减少http请求的数量以及要下载的数据量

如果您使用php生成CSS，那么CSS和JS应该随每个页面一起下载，并且生成它们需要一些时间，但是如果您将它们打包到一个文件中，它会下载一次，浏览器会将其缓存

如果你的站点有许多不同的部分，并且将所有css打包成一个巨大的文件，那么你可以将css打包成两个或三个文件，并在每个部分加载相关的一个

---

减少http请求的数量非常重要。

这在很大程度上取决于用户如何使用页面。如果大多数用户只查看一个页面，那么只向他们发送显示该页面所需的内容是有意义的（将所有内容合并为尽可能少的请求）。另一方面，如果大多数用户查看多个页面，那么向他们发送超出他们需要的内容是有意义的，这样他们就可以在下一个页面视图中使用CSS&JS。但是在这种情况下，您必须确保始终使用相同的URI生成相同的CSS&JS，以便浏览器不会以不同的名称重新下载相同的内容。您还必须设置正确的HTTP缓存

---

我通常做的是将JS/CSS分为两部分。每个页面都有一个“common.css”和“common.js”，这两个页面都有每个页面所需的内容（css的页眉/页脚/…样式，js的则是jquery/common js/…样式）。然后，每个子页面都有自己的JS& CSS，它们只有你需要的那个页面（如果需要的话）。

对于我来说，最好的方法是在中间的某个地方——CSS文件，你最好把它们全部抓取，加入并压缩到一个文件。对于JS代码-例如制作3个以上的文件：一个包含压缩和连接的外部lib，一个包含您的常用内容，每个更大的部分可能包含下一个文件-但我认为不需要。也许在用户登录前和用户登录后需要拆分JS代码

记得要细化和考虑异步加载（例如）。

---

哦，还有这个php脚本。。。我不认为这是个好主意-最好使用/编写一些脚本，在编译（或部署，甚至手动运行）时加入并缩小静态，这样就不需要反复生成所有内容。

基本上这似乎是我的最佳解决方案，谢谢：-）