佛心的 cdnjs

「人性本善」還是「人性本惡」？。

CDN 全名 Content Distribution Network﹐主要是透過分佈在世界各地的數據中心組成高效率的分佈式系統﹐令用戶能用最快和可靠的方式獲取網站內容。

Google, Microsoft 和 Amazon 都有自己的 CDN﹐其中 Google CDN 更為開發者提供知名 JavaScript 庫的免費 CDN 服務。不過好像 SyntaxHighlighter 這類小庫 Google CDN 就沒有了﹐幸好網上有 cdnjs 這類佛心網站填補了這個空缺。

使用 SyntaxHighlighter 非常簡單﹐作者 Alex Gorbatchev 網站的教學已經寫得好簡單﹐而且這不是今天的重點﹐因此不在這裏重複了。

我最想知道使用 CDN 的檔案載入時間會快了多少？以下兩幅圖是我另一個 Blog 在使用 cdnjs host SyntaxHighlighter 前後載入速度的比較。

未使用 CDN 前的載入速度

使用 CDN 後的載入速度

4 個 js 檔和 2 個 css 檔的載入時間都快了很多﹐css 檔案載入時間分別非常大﹐快了 10 倍 (由 6xx ms 縮短至 6x ms）﹐個別 js 檔也快了 5 倍。

如果環境許可﹐Blog 主使用 CDN 服務是必然選擇吧！