使用 twitter bootstrap cdn 可以使我的站点性能发生巨大变化吗？
Can using twitter bootstrap cdn make this huge difference in performance of my site?
在我的 laravel 项目中，我使用 artisan 安装 bootstrap，它会自动带来一个文件 app.css 和 app.js，基本上是 bootstrap。因此，当我使用 Lighthouse 检查网站性能时，我发现使用 cdn 和使用 bootstrap 副本存在巨大差异。那么，使用 cdn 确实比使用服务器中的副本更好吗？
用laravelbootstrap复制到服务器：
根本没有 bootstrap：
使用 bootstrap cdn：
是的，使用 cdn 将大大提高您的性能。
缩短网站加载时间 - 通过使用附近的 CDN 服务器（以及其他优化）将内容分发到更靠近网站访问者的位置，访问者体验更快的页面加载时间.由于访问者更倾向于点击离开加载缓慢的网站，CDN 可以降低跳出率并增加人们在网站上花费的时间。换句话说，网站速度越快，访问者停留时间越长。
降低带宽成本 - 网站托管的带宽消耗成本是网站的主要支出。通过缓存和其他优化，CDN 能够减少源服务器必须提供的数据量，从而降低网站所有者的托管成本。
增加内容可用性和冗余 - 大量流量或硬件故障会中断正常的网站功能。由于其分布式特性，与许多源服务器相比，CDN 可以处理更多流量并更好地承受硬件故障。
提高网站安全性 - CDN 可以通过提供 DDoS 缓解、安全证书改进和其他优化来提高安全性。
在我的 laravel 项目中，我使用 artisan 安装 bootstrap，它会自动带来一个文件 app.css 和 app.js，基本上是 bootstrap。因此，当我使用 Lighthouse 检查网站性能时，我发现使用 cdn 和使用 bootstrap 副本存在巨大差异。那么，使用 cdn 确实比使用服务器中的副本更好吗？
用laravelbootstrap复制到服务器：
根本没有 bootstrap：
使用 bootstrap cdn：
是的，使用 cdn 将大大提高您的性能。
缩短网站加载时间 - 通过使用附近的 CDN 服务器（以及其他优化）将内容分发到更靠近网站访问者的位置，访问者体验更快的页面加载时间.由于访问者更倾向于点击离开加载缓慢的网站，CDN 可以降低跳出率并增加人们在网站上花费的时间。换句话说，网站速度越快，访问者停留时间越长。
降低带宽成本 - 网站托管的带宽消耗成本是网站的主要支出。通过缓存和其他优化，CDN 能够减少源服务器必须提供的数据量，从而降低网站所有者的托管成本。
增加内容可用性和冗余 - 大量流量或硬件故障会中断正常的网站功能。由于其分布式特性，与许多源服务器相比，CDN 可以处理更多流量并更好地承受硬件故障。
提高网站安全性 - CDN 可以通过提供 DDoS 缓解、安全证书改进和其他优化来提高安全性。