JavaScript 庫 CDN 評比

前言

最近剛寫完新首頁,以往使用 jQuery,我都是下載後存到本地。
但這次決定試試康另一個方法:CDN。

內容分發網路(CDN)是指一種透過網際網路互相連接的電腦網路系統,利用最靠近每位使用者的伺服器,更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者,來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。 —— 中文維基百科

還是不懂?總之就是比放在本地快多了 [doge]

既然都決定了,那當然要找個穩電、好用點的(
無奈這種文章不多,而且資訊偏舊…
所以我就自己來寫,順便水篇文章(x

廢話不多說,正文開始(

比較

其實目前免費的 CDN 服務不少,品質也都不錯,
不過不同家 CDN 的差異還是比較得出來,以下是我個人的意見(

  1. Microsoft Ajax 內容傳遞網路

第一位的原因應該很明顯了吧w,它有 Microsoft 的伺服器加持,穩定度自然不用說(
我目前 jQuery 主要就是用它們家的 CDN

優點:

  • Microsoft 伺服器,穩定度高
  • 在中國大陸沒有被牆,方便多地區瀏覽
  • jQuery 版本覆蓋廣

缺點:

  • 包含的 JS 庫不多,只涵蓋常見的幾個

從 Microsoft Ajax 引入 jQuery 3.6.0:
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>

  1. jQuery.com CDN

jQuery 的官方 CDN,基於 StackPath,
速度不錯,版本肯定最新,而且並沒有被牆。

優點:

  • 速度快,StackPath 伺服器堪比 MS(
  • 在中國大陸沒有被牆
  • 最新版本保證

缺點:

  • 雖說沒有被牆,但在中國大陸速度不怎麼樣(
  • 就只有提供 jQuery,沒有其他庫

從 jQuery 官方 CDN 引入 jQuery 3.6.0:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

  1. Google Hosted Libraries

Hosted Libraries 是一個由 Google 所提供常見的 JavaScript 外連的服務,提供一些常見的 JS 檔案連結,例如:JQuery。

Google 的伺服器穩定度不錯,但是……它就是被牆了QAQ

優點:

  • 速度快,穩定,品質保證(?
  • jQuery 版本覆蓋廣

缺點:

  • 被牆掉了(
  • 包含的 JS 庫不多,只涵蓋常見的幾個

從 Google 引入 jQuery 3.6.0:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

  1. CDNJS by Cludflare

CDNJS 是 Cloudflare 官方提供的服務,不過用的人不多。

優點:

  • CF 支持,節點多
  • 包含的 JS 庫多

缺點:

  • 兩岸三地都走東京節點,速度不怎麼樣
  • 使用者不多,快取很難重複使用

從 CDNJS 引入 jQuery 3.6.0:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

  1. jsDelivr

由 Prospect One 運營的 CDN 服務,受到很多大廠贊助
提供 GitHub 和 NPM 兩個 CDN 服務,用的人不多也不少(?

優點:

  • 提供 GitHub 和 NPM

缺點:

  • 被濫用的有點嚴重
  • 穩定性未知

從 jsDelivr 引入 jQuery 3.6.0:
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

  1. BootCDN

BootCDN 是貓雲聯合 Bootstrap 中文網共同支持並維護的前端開源項目免費 CDN 服務,主要同步 CDNJS。
收錄的挺多,但是速度……只能說有待加強((

優點:

  • 包含的 JS 庫多

缺點:

  • 速度不快
  • 穩定性未知
  • 使用者不多,快取很難重複使用

從 BootCDN 引入 jQuery 3.6.0:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

  1. 百度、新浪 CDN

百度、新浪的,建議能不用就不用(

優點:

  • 中國大陸速度不錯

缺點:

  • 其他地區速度慢,很慢
  • 更新不勤快,版本缺失多,到現在只有 2.x
  • 使用者不多,快取很難重複使用

就不放鏈接了

總結

CDN 的選擇有很多,各有優缺…..

依照自己的需求選擇才是最合適的!