javascript - 将所有 js 文件合并到一个文件中一定更快吗？

Question

我总是在生产中听说，您希望将多个 .js 文件合并为 1 个，以使其加载速度更快。

但是，由于浏览器实际上同时发出多个请求，因此多个文件的加载速度可能比单个文件的加载速度更快，因为单个文件必须从头到尾下载。

这个推理正确吗？

Answer 1

这是一个复杂的区域。

浏览器与同一服务器建立多个并发连接(数量通常非常有限)不会使客户端和服务器之间的连接更快。它们之间的管道就这么大，服务器也只有这么大的传输能力。因此，几乎没有理由相信从同一服务器进行 4 次并行下载(每次 10k)可能比从该服务器下载 1 次 40k 更快。除此之外，浏览器限制同一服务器的并发连接数量，以及设置这些单独连接的费用(这很重要)，而且您最好为自己的脚本使用一个大文件.

目前。这是 Google 和其他公司正在积极开发的领域。

如果您可以从多个服务器加载脚本(例如，可能从使它们可访问的多个 CDN 中的任何一个加载公共(public)库，以及从您自己的服务器 [或 CDN] 加载您自己的单个组合脚本)，那么它是有意义的将它们分开。它不会使客户端的连接速度更快，但如果客户端的连接不是限制因素，您可以获得好处。当然，对于不具备自己的 CDN 的网站，从免费 CDN 加载公共(public)库以及从您自己的服务器加载您自己的脚本可以让您获得边缘转换的优势，以及从您加载的脚本上获得的优势免费的 CDN。