javascript - 加载许多 javascript 文件

Question

是否最好将每个站点范围的 javascript 函数放在一个文件中，或者我可以将它们拆分为更多文件(目前我大约有 15 个)。
由于我的访问者在调用该网站时提示加载时间过长 - 所以我试图找到原因。

那么这有什么区别吗？

Answer 1

是的，您将获得好处。

这是因为 HTTP 协议(protocol)将为每个文件顺序且同步地发出请求，并且由于每个请求都携带数据负载以及请求响应延迟，因此通过将所有文件统一为一个，您将只需只有一个请求响应延迟和一个数据负载。

您可以通过查看 Chrome DevTool 或任何其他网络分析工具的“网络”选项卡来获得相关的直观说明。

此外，您可以使用为此目的制作的众多在线工具之一来缩小获得的 main javascript 文件。例如，this one .

如果 JavaScript 文件相互依赖，请注意在统一它们时保持它们的顺序。