页面性能:从CDN加载多个库脚本，还是将这些库组合并缩小成一个从服务器下载的库？

Question

我理解从CDN加载大型通用库(如jQuery )的优势。

但是，更小的插件和库助手，如jQuery或引导程序及其助手呢？我的网站大约有10-12个。

我是否应该从cdnjs中分别选择其中的每一个，并获得CDN的好处，但可能会有更多的HttpRequests。或者我应该在本地压缩并最小化它们成为一个大插件文件并从我的服务器加载吗？

我认为这个问题的框架是“公共CDN上的多个库或CDN上的一个连接文件”，但是如果我们不订阅CDN呢？

Answer 1

使用CDN的好处是用户从最近的CDN获取文件。此外，很可能用户已经在他的电脑上的文件，所以他不需要下载它。

创建包将尽量减少浏览器所需的get数量，以获得所有脚本/样式。

我建议将两者结合使用，因为浏览器当时只能下载5个文件。因此，对于最常见的库(用户可能已经拥有它们)使用CDN，为自己的文件(样式表或JS文件)使用包。

检查Developer Tools中的网络选项卡，测量在每种情况下所需的时间。

Answer 2

我肯定会建议您尽可能使用cdnjs和类似的CDN。大多数情况下，人们会缓存文件，因此不会有额外的HTTP请求。

控制和放大所有您无法加载的CDN将节省一些带宽，并加快您的网站加载时间。