将JS和CSS下载为单个文件（包）

Question

为了提高我们网站的性能，我们将代码拆分为模块。 （每个功能都有单独的JS文件和CSS文件。）现在，我们将在页面加载期间仅加载核心文件并加载其余文件，仅在用户请求该功能时。而不是单独发送JS和CSS请求 - 我们正在考虑加载连接文件（JS文件和CSS文件）以保存请求。有办法吗？

注意：我们已经尝试了以下技术

http://blogs.msdn.com/b/shivap/archive/2007/05/01/combine-css-with-js-and-make-it-into-a-single-download.aspx

通过Ajax加载它并通过JS分割它们。

Answer 1

考虑一个精心设计的网站将能够并行下载JS文件和CSS文件。因此，一旦你将所有CSS组合在一个CSS文件中，所有JS都在一个JS文件中，你确保两个可以并行下载（例如使用JS defer）你应该获得更好的端到端性能而不是使用JS + CSS连接下载单个文件（这也可以避免在处理ajax响应时花费的时间）。

顺便说一下，以上所有内容都可以由mod_pagespeed自动动态完成（如果您使用的是apache或nginx）。此外，page speed documentation提供了有关此类问题的一些有用信息。

如果上述所有方法都不够，您可能需要查看CDN（cloudflare是一个很好的自由起点）并确保资源缓存是最佳配置的（mod_pagespeed部分为您完成）。