CDN 能提升性能的可能原因

大型依赖（如 React、Vue、Lodash 等）如果通过公共CDN（如 unpkg、jsdelivr 等）引入，用户浏览器可能已经缓存了这些依赖，下次访问你的网站时无需重新下载，能大幅提升加载速度。

减少主包体积

你的业务代码包变小，首屏渲染更快，服务器压力降低。

CDN就近加速

CDN 可以把静态资源分发到全球各地的节点，用户会从距离最近的节点加载依赖，下载速度更快。

并发连接数提升

依赖资源和你自己的静态资源不在同一域名，能突破浏览器并发连接数的限制，提高并发加载效率。

缺点/风险

CDN 依赖可用性风险

如果 CDN 挂了或访问受限，依赖加载失败，页面功能可能受损。

依赖版本不可控

需明确锁定依赖的版本，否则可能因 CDN 上的更新导致兼容性问题。 安全性考量

公共 CDN 上的包有被篡改的风险，需启用 Subresource Integrity (SRI) 保证文件完整性：

<script 
  src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"
  integrity="sha384-xxx"
  crossorigin="anonymous"
></script>

FCP（首次内容绘制）反而慢

如果 CDN 速度不如自家服务器，或在某些地区被墙，反而影响用户体验。