使用 twitter bootstrap cdn 可以对我的网站的性能产生如此巨大的影响吗？

Question

在我的 laravel 项目中，我使用 artisan 来安装 bootstrap，它会自动带来一个文件 app.css 和 app.js，它基本上就是 bootstrap。因此，当我使用 lighthouse 来检查我的网站的性能时，我发现使用 cdn 和使用引导程序副本有很大的不同。那么使用cdn确实比在服务器中使用副本更好吗？

在服务器中使用 laravel 引导程序副本：

完全没有引导：

使用引导 CDN：

Answer 1

是的，使用 cdn 会大大提高您的性能。

一些benefits of using a CDN?

• 缩短网站加载时间 - 通过使用附近的 CDN 服务器（以及其他优化）将内容分发到更靠近网站访问者的位置，访问者体验到更快的页面加载时间。由于访问者更倾向于点击远离加载缓慢的网站，CDN 可以降低跳出率并增加人们在网站上花费的时间。换句话说，一个更快的网站意味着更多的访问者会停留更长时间。

• 降低带宽成本 - 网站托管的带宽消耗成本是网站的主要支出。通过缓存和其他优化，CDN 能够减少源服务器必须提供的数据量，从而降低网站所有者的托管成本。

• 增加内容可用性和冗余度 - 大量流量或硬件故障可能会中断正常的网站功能。由于其分布式特性，CDN 可以处理更多流量并比许多源站服务器更好地承受硬件故障。

• 提高网站安全性 - CDN 可以通过提供 DDoS 缓解、安全证书改进和其他优化来提高安全性。