譯者 | 彎月 責編 | 晉兆雨
出品 | CSDN（ID：）
以下為譯文：
這篇報告調查了 1000 個最流行的 插件對瀏覽器性能和最終用戶體驗的影響。
2021 年報告的主要發現：
由于不同網站對性能的影響各不相同，因此我們的測試主要包含五個不同的頁面：一個簡單的測試頁面、、 以及 The 和 Post- 的新聞文章。
如果你想知道你使用的插件是否會影響速度，可以查看此處的插件列表。
()
文本主要內容：
網站 CPU 使用率的增加
許多 插件都能夠在你打開的每個頁面上運行額外的代碼，盡管正常的插件僅在必要的時候才運行代碼。
在 100 個最流行的 插件中， Web 對性能的負面影響最大。在打開每個頁面時，該插件運行代碼所占據的時間約為 368 毫秒。如果你嘗試在此期間內與頁面交互，則響應會非常遲鈍。
上述插件的安裝次數都超過了一百萬。雖然幾百毫秒聽起來并不算多，但是如果安裝多個插件，就會對用戶體驗產生重大影響。
瀏覽器插件對速度的影響取決于用戶打開的網站。以上結果是在一個非常簡單的網站上收集的，通常在這種頁面上，插件對性能的影響最低。
在蘋果主頁上測試插件時，我們可以看到一個名為 Dark 的夜間模式插件需要 25 秒來分析和調整圖像，從而更好地轉換成黑暗主題。結果導致頁面的加載速度大幅降低，如下所示。
優惠券代碼查找器 Honey 會嚴重影響電子商務網站的加載速度，CPU 的處理時間大約會增加 825 毫秒。
最后以上插件沒有反應，在 主頁上運行測試時，我們可以看到 導致 CPU 活動增加的幅度最大，增加了大約 1 秒鐘。
上圖僅顯示了對性能影響最大的 5 個插件。即使沒有安裝任何擴展， 的加載時間也會超過 3 秒鐘，因此很難將隨機變化與插件的影響區分開來。
最受歡迎的 1000 個插件
讓我們看看其他不太受歡迎但安裝量仍然超過了 10萬+ 的插件。
是一款擁有超過 20 萬用戶的營銷工具，它會導致每個頁面的加載時間增加1.6 秒。
是一個 插件，可以自動替換頁面上的某些單詞。在小型網站上，它對性能的影響很小（增加了大約 10 毫秒的 CPU 時間）以上插件沒有反應，但在像 這樣的較大頁面上，CPU 的活動增加了 9.7 秒。
對頁面渲染時間的影響
CPU 活動會導致頁面掛起或無響應，并增加電池消耗。如果處理是在頁面加載完畢后進行的，那么對用戶體驗的影響可能不會那么大。
Loom 和 等幾款插件會運行大量代碼，但不會影響頁面的渲染時間。
但是，有一些插件，比如 、 和 ，會在頁面開始加載時立即運行代碼，并最終導致用戶的等待時間加長。下圖的測量使用了 First Paint 指標。
雖然蘋果頁面能夠在一秒鐘內完成渲染，但在安裝了 Dark 后，需要近 4 秒的時間。
在一個電子商務網站上，Honey導致頁面加載的時間延遲了近半秒。
當頁面內容開始顯示時，Avira 瀏覽器安全和一些廣告攔截器也可能會造成延遲。
最受歡迎的 1000 個插件
讓我們看看最受歡迎的 1000 個插件，一個名為“壹伴 · 小插件”的社交媒體工具導致渲染時間延遲了 342 毫秒，而一個名為 的銷售工具則引發了 251 毫秒的延遲。
在 主頁加載期間，名為 的匿名瀏覽代理會造成渲染延遲 2 秒以上，不過這也并不奇怪，因為流量是通過另一臺服務器路由的。
Avira 瀏覽器安全導致渲染延遲 369 毫秒。這不是由訪問頁面上運行的代碼引起的，而是由插件執行的后臺工作引起的。
后臺 CPU 的使用率
插件不僅可以在你訪問的頁面上運行代碼，還可以在插件的后臺頁面上運行代碼。例如，有些插件的代碼包含可以阻止對某些域發送請求的邏輯。
即使訪問一個簡單的頁面，Avira Safe 也會引發 2 秒多的延遲。
在較為復雜的頁面（在本例中是 主頁）上， 密碼管理器和 的后臺活動花費了 2 秒以上。
最受歡迎的 1000 個插件
在瀏覽 The 的新聞文章時，有三個插件導致 CPU 活動超過 20 秒：、 和 。
瀏覽器內存的消耗
插件會導致你所訪問的每個頁面的內存使用量增加，而且擴展本身還會消耗內存。這會嚴重影響性能，尤其是在低配置設備上。
通常，廣告攔截器和隱私工具會存儲有關大量網站的信息，需要大量內存來存儲這些數據。話雖如此，當在瀏覽器中打開的頁面包含大量廣告時，這些插件可以減少整體內存的消耗。
最受歡迎的 1000 個插件
查看前 1000 個插件就會發現，廣告攔截器占用了大量內存， 廣告攔截器增加了近 300 MB 的內存消耗。
廣告攔截器與隱私工具對瀏覽器性能的影響
雖然廣告攔截器可能會添加過濾廣告的處理，但遇到包含大量的廣告的網站時，它們可以大幅提升頁面的速度。我們調查了 15 款安裝次數超過 50 萬的廣告攔截器。
加載跟蹤器和呈現廣告通常都耗費大量 CPU，但具體影響因網站而異。新聞網站的廣告一般都特別多，因此這篇報告集中測試了兩大新聞網站的CPU使用率：The 與 Post-。
在沒有廣告攔截器的情況下，每個頁面需要的 CPU 時間為 17.5 秒。即使是性能最低的攔截器（）也能減少 57%（ 7.4 秒）的 CPU 時間。
在我們的測試中，表現最佳的廣告攔截器是 ，它將 CPU 活動減少了 90%，平均僅為 1.7 秒。
此外，廣告攔截器和隱私工具還可以減少 43% ～ 66% 的數據量。
如果沒有廣告攔截器，每篇文章平均會產生 793 個網絡請求。在使用了 之后，這一比例下降了 90%，僅為 83 個請求。
在不安裝廣告攔截器的情況，瀏覽器打開一篇新聞文章的平均內存消耗為 574 MB。 插件可以減少 54% 的內存消耗，降至僅 260 MB。
然而，由于瀏覽器的插件需要一些內存來運行，因此 的廣告攔截器等插件會導致整體的內存消耗略微增加。也就是說，因阻止廣告而節省下來的資源還不足以抵消廣告阻止程序本身的消耗。
但是，請記住，當你只打開一個包含大量廣告的頁面才會出現這種情況。如果你打開 10 個頁面，全部顯示新聞文章，那么就會節省 10 倍的內存，但廣告攔截器消耗的內存通常不會增加。
安裝多個擴展有何影響？
在大多數情況下，多個 插件造成的影響是疊加的。
下圖顯示了 頁面性能評測工具中 的加載，我們安裝了4個插件：ax Web 、 Web 、 和 Skype。
可以看到，這些插件一個接一個地運行。如果插件在頁面開始加載時立即運行，則會延遲頁面的顯示速度。
這些瀏覽器的性能與去年相比如何？
我翻看了今年和去年測試中都包含的 96 個最受歡迎的插件。
平均每個頁面的加載時間減少了 28 毫秒。
但是，2021 年的測試使用的 91，而2020 年的測試使用的是 83。 本身的提升也越來越快，因此這些提升可能并不一定是 插件本身優化的結果。
在使用舊版 運行今年的測試時，平均提升時間僅為 13 毫秒。
請注意，上述比較僅查看了一個網站（一個簡單的測試頁面）。
、微軟 、Okta 瀏覽器插件、Avira Safe 和 Avira 顯示頁面的加載時間減少超過了 100 毫秒。退步最大的是 Save to 、Loom 和 。
針對每個插件的分析
的提升
去年， 在每個頁面上加載了一個 1.3 MB 的 .js 文件。如今，在大多數網站上只加載了 112 KB -check.js 腳本。例如，只有當用戶關注文本區域時，該插件才會加載完整的 .js 文件。
但是在一些網站上，仍然會加載完整的腳本。比如 Gmail、、、、、Slack、、、 和其他常見的文本輸入網站。對這些網站的性能影響遠大于測試中顯示的數據。
Save to 的退步
在去年的測試中，Save to 向每個頁面注入了一個很小的樣式表，對性能沒有明顯影響。
但是，如今 Save to 會加載 2 MB 的 文件，導致 CPU 時間增加了 110 毫秒。
、 和
會在每個頁面上加載 4.3 MB 的腳本，高于一年前的 2.9 MB。因此，解析、編譯和運行此代碼需要花費大量時間。
會在每個頁面上加載 4.5 MB 的代碼。但是，這些代碼對性能的影響非常大，因為它是在 上加載的。這意味著代碼在頁面開始渲染之前就會運行，因此會延遲頁面的顯示。
下圖利用 性能配置文件針對安裝了這兩個插件的頁面進行了分析。
會在每個頁面上加載一個 7.5 MB 的 文件。其中很多是地理數據，比如下面的代碼包含 38,279 個不同的地理位置。
Avira 安全購物
Avira Safe 擁有超過 300 萬用戶。為什么有時候頁面渲染會延遲將近半秒？
這是因為該插件包含 39,328 個網站的安全列表。每當打開新網站時，Avira 就會遍歷此列表，結果就會導致網站加載速度變慢。
和
在查看 The 的一篇文章時， 和 都引發了 20 多秒的后臺 CPU 活動。
會針對每個網絡請求，設置一個計時器，每 50 毫秒觸發一次，以檢查頁面是否已完成加載。如果頁面發送出1000 個請求，就會創建大量計時器，從而拉垮整個頁面速度。
會運行許多小任務，但 偶爾運行超過 500 毫秒的長時間任務。
查看某個插件對性能的影響
如果你想知道某個插件對性能的影響，請點擊這里：。
方法論
我們的測試是在 云實例 n2--2 上運行的，本篇報告中顯示的數字采用了 7 次測試結果的中位數。
我們使用的數據是使用 收集的，測試中的結果是在沒有任何網絡限流下的觀察結果，并不是模擬結果。
我們的測試總共包含 1004 個插件。很多插件只修改了新標簽頁面，通常不會影響性能，因此不包含在結果中。還有一些測試結果出錯的插件也不包括在內。
原文鏈接：