javascript - 将 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）。此外，页面速度文档提供了有关此类问题的一些有用信息。

如果以上所有内容还不够，您可能需要研究 CDN（cloudflare是一个很好的免费起点），并确保资源缓存配置最佳（mod_pagespeed 部分为您完成）。