Javascript 为生产优化js-大量小js文件或一个大js文件

我有一个AngularJS应用程序，我正在寻找速度优化

我目前正在将我需要的所有bower_组件丑化并连接到一个

vendor.js

文件中

我目前正在将我所有的自定义js丑化并连接到一个

scripts.js

文件中

因此，当用户下载页面时，get请求中的资源很少。（目前共6个，无图像资产）。缺点是我有两个大的ish js文档要下载-总共大约有半兆字节-需要下载整个文档才能进行任何页面渲染

我主要关心的是

vendor.js

文件。使用cdn提供的、缩小的javascript文件（总共约10个）更好，还是使用我的concatenated&uglified vendor.js更好

---

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

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

---

无论如何，您可以测试这两种情况，并查看您最喜爱的web浏览器的network developer工具，以查看平均速度最快的方法。至少在Firefox上是可行的。

像往常一样，对于这种优化问题，您只能通过尝试并分析结果才能找到答案。即使这样，网络延迟也可能使获得一致的答案变得困难