优化用于生产的js - 大量小型或大型js文件

Question

我有一个AngularJS应用程序，我希望优化速度。

我目前正在将我需要的所有bower_components连接到vendor.js文件中。

我目前正在丑化并将我的所有自定义j连接到scripts.js文件中。

因此，当用户下载页面时，get请求中的资源非常少。 （目前共有6个没有图像资产）。缺点是我有两个大型的js文档需要下载 - 总共大约半兆字节 - 在完成任何页面渲染之前，需要下载整个文档。

我主要关心的是vendor.js文件。是否更好地使用cdn提供的，缩小的javascript文件（总共大约10个），或者更好地使用我的连接＆amp; uglified vendor.js？

前者意味着没有图像资产的总资源将增加到16，但是它们将由不同供应商提供的CDN网络提供服务，允许并行下载。

Answer 1

尽管前者允许并行下载，但是嵌入了HTTP的是16个不同的TCP连接，因此也发送了16个HTTP头。 TCP打开新连接的成本有点高。所以我认为将所有内容集中在一个文件中可能会更好。

无论如何，你可以做的是测试这两种情况，并查看你喜欢的网络浏览器的网络开发者工具，看看平均来说，这是最快的方式。至少可以使用Firefox。