
當前有非常多網站會使用第三方內容傳遞網路(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
網站鏈結:https://decentraleyes.org/
如何安裝和使用 Decentraleyes?
開啟 Decentraleyes 官網後會看到不同瀏覽器的擴充功能鏈結,目前有 Firefox、Google Chrome、Opera 和 Microsoft Edge 版本,也有支援較舊的瀏覽器和 Pale Moon。
下圖是進入 Chrome 線上應用程式商店找到 Decentraleyes 頁面,點選右上角按鈕安裝到瀏覽器。

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

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

等使用一段時間後 Decentraleyes 就會開始出現計數器,也可以了解由本機檔案取代的 CDN 資源數量(官網有提供測試工具,想測試的朋友可以試試看)。
在取代 CDN 資源時點選擴充功能按鈕會顯示網域名稱、Javascript 函式庫名稱和版本。

值得一試的三個理由:
- 阻擋 Google、Cloudflare 等開放式 CDN 服務追蹤
- 透過本機儲存常用 Javascript 函式庫,加快網頁載入時間
- 安裝後即自動運作,無需額外調整即可享受優勢
探索更多來自 免費資源網路社群 的內容
訂閱即可透過電子郵件收到最新文章。