javascript - 最佳 JavaScript 包大小

Question

当您向页面提供 JavaScript 时，最好提供一个打包、缩小和 gzip 压缩的文件，以减少延迟和请求时间。

但是还是发送比较好

1. 整个网站的一个大包
2. 您网站上的每个页面一个大包。
3. CDN 我不想从 CDN 加载

使用 1. 您会在初始加载时加载更多，但随后您的所有 javascript 都会在您网站的整个访问过程中被缓存。

使用 2. 您只加载页面所需的内容，因此减少了初始加载时间，但您不会在网站的每个页面上缓存相同的文件。

首选哪种方法？

我正在使用 node.js 来提供我的 JavaScript，我正在使用 ender 来打包我的 JavaScript。

编辑

换句话说，我正在考虑在我的包装上实现自动化。这种自动化会将我整个网站的所有内容打包到一个文件中，或者将页面特定的文件列表打包到每个页面的一个文件中。

我还没有关于我的 JavaScript 文件的任何统计信息，但我很好奇我应该实现这两种自动化中的哪一种。

Answer 1

方案一成立。

选项 2 是个坏主意(出于您指定的原因)。

您缺少选项 4，即拥有一个大型核心包，并根据需要进行实例更新(包括辅助 javascript)...没有理由在每个页面上加载您的 Google map 代码，当您只需要它时例如，到处都是。但也没有理由重新提供您的“核心”包。

这通常是我使用的选项。当速度非常重要时，我使用了一个子域，它几乎将所有内容都从 apache 中剥离出来(没有 session 或 cookies、php 等)。我实际上有一台服务器充当我所有客户端的中央静态存储库，并在 DNS 中为使用虚拟域的“静态”提供额外的 A 名称记录。

---

补充:针对您的编辑，我认为最合适的做法是拥有一个需要在您的自动化中组合在一起的文件列表。不要取“所有”，只需取“to_pacakge”数组中的所有项目即可。