国内项目怎么选前端公共 CDN:jsDelivr、unpkg、cdnjs 与国内镜像
cdnping · 2026-10-17
公共 CDN 省事,但它们的可用性不由你控制。国内项目选型时,要同时考虑速度、稳定性和“哪天突然不能用了怎么办”。
主要选项
- jsDelivr:覆盖 npm 与 GitHub,全球表现好;在中国大陆的可用性历史上多次波动,
fastly.jsdelivr.net等备用域名的表现也各不相同。 - unpkg、cdnjs:境外节点为主,国内访问依赖跨境线路质量。
- npmmirror、BootCDN、Staticfile、360 前端静态资源库:境内节点,国内速度通常更快,但收录范围和更新速度不如 jsDelivr。
具体快慢因运营商而异,请以 CDN 速度榜上过去 7 天按电信、联通、移动统计的实测为准。
生产环境的建议
- 关键资源自托管。框架、核心样式等首屏必需的文件,打包进自己的站点或放到自己的 CDN 上。
- 锁定版本号。引用
vue@3.4.21而不是vue@3,避免缓存未命中和意外升级。 - 加 SRI。为外链脚本加上
integrity属性,防止内容被篡改。 - 准备回退。主 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 速度榜 →读完不如亲自测一次。