指南

國內專案怎麼選前端公共 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 速度榜 →

繼續閱讀