javascript - 将 javascript 缩小到整个站点的单个包中，还是特定于每个页面的包中，哪个更好？

Question

在 Web 开发中一起压缩 JavaScript 时，从用户加载时间的 Angular 来看，是否更好:

1. 制作一个包含所有脚本的 JavaScript 大包，并将其包含在每个页面上 - 因此每个页面可能不需要全部脚本，但是一旦用户将其缓存，他们就不需要再进行任何操作脚本(当然，直到它从缓存中过期) - 针对请求数量进行优化
2. 每个页面制作一个 JavaScript 包，以便每个页面只加载它需要的脚本，而不加载任何其他内容 - 因此每个页面在第一次加载时肯定需要一个 JS 请求(但随后仍然会缓存该请求)。优化大小 - of-请求。

我对一些数据感兴趣，可以根据这些数据来决定采用哪种策略。我可以像其他人一样轻松地根据轶事得出结论:-)

Answer 1

这实际上取决于脚本的大小和功能。通常，您的所有页面都会有一个 master.js，其中包含站点每个页面所需的所有功能，同时还有其他 js 文件用于可能仅在某些页面上需要的功能。

以 Stack Overflow 为例。他们在网站的每个页面上都包含一个 master.js 文件，但是当您访问问题页面或“提问”页面时，您会注意到 wmd.js>。该脚本包含较少页面所需的编辑器的所有功能。