页面性能:从 CDN 加载多个库脚本,或将这些库合并并缩小为从服务器下载的一次



我了解从CDN加载像jQuery这样的大型和通用库的优势。

但是较小的插件和库帮助程序,如jQuery-ui或bootstrap及其助手呢?我的网站大约有 10-12 个。

我是否应该从cdnjs中单独选择它们中的每一个并获得CDN的好处,但可能有更多的HttpRequests。还是我应该在本地压缩并最小化它们到一个大的插件文件中并从我的服务器加载?

我在 SO 上看到这个问题的框架是"公共 CDN 上的多个库或我们的 CDN 上的一个级联文件",但是如果我们不订阅 CDN 怎么办?

使用 CDN

的好处是用户从最近的 CDN 获取文件。此外,用户很可能已经在他的计算机上拥有该文件,因此他不需要下载它。

创建捆绑包将最大限度地减少浏览器获取所有脚本/样式所需的 GET 数量。

我的建议是两者的组合,因为浏览器一次只能下载 5 个文件。因此,将 CDN 用于最常见的库(用户可能已经拥有它们),并将捆绑包用于您自己的文件(样式表或 JS 文件)。

检查开发人员工具中的"网络"选项卡,测量每种情况下所需的时间。

我肯定会建议使用cdnjs和类似的CDN中可以使用的内容。大多数情况下,人们会缓存文件,因此不会有额外的HTTP请求。
连接和放大您无法从 CDN 加载的所有内容将为您节省一些带宽并加快网站的加载时间。

最新更新