javascript - 浏览器更喜欢精简的 JS 包吗？

Question

我正在一个 MVC 应用程序中工作，该应用程序有大约 10 个大型 JavaScript 库(jquery、modernizr、knockout、flot、bootstrap...)、大约 30 个 jQuery 插件，每个 View (数百个)都有自己相应的 Javascript文件。

使用默认的 MVC4 捆绑，但所有这些 JavaScript 文件都打包在两个 bundle 中；一份包含所有插件和库，一份用于查看特定文件。无论是否需要，这两个包都会加载到每个页面上。

现在，它们仅在用户第一次打开应用程序时加载，但即使缩小，两者也只有 300 KB 左右(更加原始)，并且大部分代码都非常特定于某些页面。

那么，对于浏览器来说，拥有 2 个巨大的 bundle 更好，还是创建特定于页面的“更智能”且更轻的 bundle ，但拥有更多 bundle 更好？ 浏览器首先会缓存它们它们打开的时间，但是与在每个页面上加载全部 JavaScript 相比，每页加载较少的 javascript 是否有任何性能优势？

Answer 1

如果有可能在 session 中不需要它们，那么将它们分成更小的包是有意义的。显然，您不必发送的任何字节都是好字节;)

您对缓存的看法是正确的，在某种程度上消除了这个问题，因为一旦您需要它，它就可以被缓存，但是，例如，如果您有一个日历页面和一个新闻页面，可以想象有人根本不在乎关于日历，因此加载它是没有意义的。

也就是说，您可能会过度分割事物，而创建每个新请求所造成的开销加起来将比不一次加载更大的库所节省的开销还要多。