将javascript缩小为整个网站的单个捆绑包或特定的每个页面捆绑包更好吗？

Question

在Web开发中一起缩小JavaScripts时,从用户加载时间的角度来看,它是否更好:

1. 制作一个包含所有脚本的大型JavaScript包,并将其包含在每个页面上 - 因此每个页面可能不需要全部,但是一旦用户将其缓存,他们就不需要再获取任何脚本(直到它当然会从缓存中过期 - 优化请求数量
2. 每页制作一个JavaScript包,这样每个页面只加载它需要的脚本而不加载任何其他内容 - 因此每个页面首次加载时肯定需要一个JS请求(但后来仍然有缓存.优化请求大小.

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

Answer 1

这实际上取决于脚本的大小和功能.对于所有页面都有一个master.js是很常见的,它包含站点每个页面所需的所有功能,同时还有其他js文件用于某些页面上可能只需要的功能.

以Stack Overflow为例.他们有一个master.js包括网站的每个页面上的文件,但是当你访问一个问题页或"提出问题"页面,你会发现wmd.js.此脚本包含编辑器的所有功能,这些功能在较少的页面上是必需的.

Answer 2

我宁愿为整个网站提供1个缩小的js文件.在一段时间内,这总是比拥有多个js文件更好.

有关更多详细信息,请查看此链接