國內專案怎麼選前端公共 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 速度榜 →讀完不如親自測一次。