Decentraleyes：提升網頁載入速度與隱私保護，內建 Javascript 函式庫取代第三方 CDN

當前有非常多網站會使用第三方內容傳遞網路（CDN）來載入 Javascript 函式庫，例如大家很熟悉的 Google Hosted Libraries、Microsoft Ajax CDN、CDNJS、jsDelivr，這些大型服務都有相當好的網路連線，無論從任何地方都能快速載入相關程式檔案，也能減少主機流量和負載，但可能在連線過程被服務端追蹤。

前陣子在轉換瀏覽器時無意間發現一個擴充功能「Decentraleyes」，這個外掛主要用途是阻止使用者瀏覽網頁時與 Cloudflare 和 Google 等主要 CDN 服務連結，取而代之的是在擴充功能中內建多種 Javascript 函式庫，開啟網頁時偵測到已知的內容傳遞網路就會自動重新定向、以使用者本機電腦的函式庫替代，也有助於使最終載入速度變快（不用再從第三方 CDN 載入相關檔案）。

Decentraleyes 內建的 Javascript 函式庫有 14 個：AngularJS、Backbone.js、Dojo、Ember.js、Ext Core、jQuery、jQuery UI、Modernizr、MooTools、Prototype（包括 script.aculo.us）、SWFObject、Underscore.js 和 Web Font Loader。

會自動重新定向的服務有 Google Hosted Libraries、Microsoft Ajax CDN、CDNJS （Cloudflare）、jQuery CDN （MaxCDN）、jsDelivr （MaxCDN）、Yandex CDN、百度 CDN、Sina Public Resources 和 UpYun Libraries，簡單來說利大於弊，而且安裝後幾乎不用任何設定就可背景運作。

使用教學

下載與安裝

開啟 Decentraleyes 官網後會看到不同瀏覽器的擴充功能鏈結，目前有 Firefox、Google Chrome、Opera 和 Microsoft Edge 版本，也有支援較舊的瀏覽器和 Pale Moon。

下圖是進入 Chrome 線上應用程式商店找到 Decentraleyes 頁面，點選右上角按鈕安裝到瀏覽器。

安裝後右上角會有一個 Decentraleyes 按鈕，點選會顯示計數器，也就是由本機提供的資源次數。

設定選項

Decentraleyes 擴充功能有一些設定選項，而且已經被翻譯為中文，有需要可以自己研究一下，原則上不用進行任何設定調整，安裝後讓它在背景運作就可以了，除非有發現問題或是需要設定白名單。

查看攔截數據與測試工具

等使用一段時間後 Decentraleyes 就會開始出現計數器，也可以了解由本機檔案取代的 CDN 資源數量（官網有提供測試工具，想測試的朋友可以試試看）。

在取代 CDN 資源時點選擴充功能按鈕會顯示網域名稱、Javascript 函式庫名稱和版本。

總結

• 阻擋 Google、Cloudflare 等開放式 CDN 服務追蹤
• 透過本機儲存常用 Javascript 函式庫，加快網頁載入時間
• 安裝後即自動運作，無需額外調整即可享受優勢

網站網址