指南

国内项目怎么选前端公共 CDN:jsDelivr、unpkg、cdnjs 与国内镜像

cdnping · 2026-10-17

公共 CDN 省事,但它们的可用性不由你控制。国内项目选型时,要同时考虑速度、稳定性和“哪天突然不能用了怎么办”。

主要选项

具体快慢因运营商而异,请以 CDN 速度榜上过去 7 天按电信、联通、移动统计的实测为准。

生产环境的建议

  1. 关键资源自托管。框架、核心样式等首屏必需的文件,打包进自己的站点或放到自己的 CDN 上。
  2. 锁定版本号。引用 vue@3.4.21 而不是 vue@3,避免缓存未命中和意外升级。
  3. 加 SRI。为外链脚本加上 integrity 属性,防止内容被篡改。
  4. 准备回退。主 CDN 加载失败时,从备用 CDN 或本地路径再加载一次:
<script src="https://cdn.jsdelivr.net/npm/vue@3.4.21/dist/vue.global.prod.js"></script>
<script>window.Vue || document.write('<script src="/vendor/vue.global.prod.js"><\/script>')</script>

需要为自己的业务资源做加速时,公共 CDN 就不合适了,可以看看 cdnping Edge。

动手验证

读完不如亲自测一次。

查看前端 CDN 速度榜 →

继续阅读