使用 CDN 中的多个库会降低我的站点速度吗？

Posted 2023-03-08

【中文标题】使用 CDN 中的多个库会降低我的站点速度吗？

【英文标题】：Can using multiple libraries from a CDN slow down my site speed?

【发布时间】：2021-04-08 00:57:03

【问题描述】：

我是 Web 开发的新手，我在我的网站上使用多个库用于不同的目的。使用所有这些库会减慢我网站的速度吗？？？谢谢！

使用的库：

字体真棒 jQuery 动漫 smoothScrool 选择2 等

【问题讨论】：

简短的回答是肯定的，它会使您的初始页面加载速度变慢，但之后不一定。更长的答案是，有一些方法可以“懒惰”地加载东西，也就是说在后台，而不是“急切”的加载，通常情况就是这样。

【参考方案1】：

如果你有很多，他们可以。

可能会限制大量并行请求（例如，一次超过 8 个） 如果库中有大量代码，则需要传输大量数据。在较慢的连接上，必须在网站正常运行之前传输大量数据是一个问题。

要缓解其中一些问题，请考虑将所有库整合到一个单个脚本文件中，然后使用 Webpack 等模块捆绑器将其捆绑在一起。此外，请确保使用tree shaking 删除永远不会使用的代码，以及minify 用于生产的代码，以便通过网络发送尽可能少的代码。您还可以考虑等待加载非必要库（如平滑滚动），直到网站正常运行所需的库准备就绪。

【讨论】：

尊重某些性能，感谢您的清理，我还可以考虑等待加载非必要库（如平滑滚动），直到网站正常运行所需的库准备就绪，