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

Decentraleyes org 1.

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

前陣子在轉換瀏覽器時無意間發現一個擴充功能「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 org 2.

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

Decentraleyes org 3.
設定選項

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

Decentraleyes org 4.
查看攔截數據與測試工具

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

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

Decentraleyes org 5.

值得一試的三個理由:

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

探索更多來自 免費資源網路社群 的內容

訂閱即可透過電子郵件收到最新文章。

分享本文
Pseric

Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

文章: 6607