啟用文字壓縮

文字型資源應經過壓縮,以便將網路位元組總數降到最低。Lighthouse 報表的「商機」部分會列出所有未壓縮的文字資源:

Lighthouse 啟用文字壓縮稽核的螢幕截圖

Lighthouse 如何處理文字壓縮

Lighthouse 會收集下列所有回應:

  • 具有文字型資源類型。
  • 請勿加入設為 brgzipdeflatecontent-encoding 標頭。

Lighthouse 然後使用 GZIP 壓縮每個選項,藉此計算可省下的費用。

如果回應的原始大小小於 1.4KiB,或可能減少壓縮不到原始大小的 10%,Lighthouse 不會在結果中標記該回應。

在伺服器上啟用文字壓縮功能

在提供這些回應的伺服器上啟用文字壓縮,以便通過這項稽核。

瀏覽器要求資源時,會使用 Accept-Encoding HTTP 要求標頭,指出資源支援的壓縮演算法。

Accept-Encoding: gzip, compress, br

如果瀏覽器支援 Brotli (br),您應使用 Brotli,因為這會縮減資源的檔案大小,而不是其他壓縮演算法。搜尋 how to enable Brotli compression in <X>,其中 <X> 是您的伺服器名稱。自 2022 年 12 月起,系統支援所有主要瀏覽器 (iOS 版 Safari 除外)。如需更新,請參閱瀏覽器相容性

使用 GZIP 做為 Brotli 的備用方案。所有主要瀏覽器都支援 GZIP,但效率比 Brotli 低。如需範例,請參閱伺服器設定

您的伺服器應傳回 Content-Encoding HTTP 回應標頭,指出伺服器使用的壓縮演算法。

Content-Encoding: br

檢查回應壓縮

如何檢查伺服器是否將回應壓縮:

按下 Control+Shift+J (Mac 上的 Command+Option+J) 開啟開發人員工具。 按一下 [網路] 分頁。

  1. 按下 Control + Shift + J 鍵 (在 Mac 上為 Command + Option + J 鍵) 開啟開發人員工具。
  2. 按一下 [網路] 分頁標籤。
  3. 按一下導致您感興趣回覆的要求。
  4. 按一下「標頭」分頁標籤。
  5. 檢查「Response Headers」部分的 content-encoding 標頭。
內容編碼回應標頭
content-encoding 回應標頭。

如何比較回應的壓縮和解壓縮大小:

  1. 按下 Control + Shift + J 鍵 (在 Mac 上為 Command + Option + J 鍵) 開啟開發人員工具。
  2. 按一下 [網路] 分頁標籤。
  3. 啟用大型要求資料列。 請參閱「使用大型要求資料列」。
  4. 查看您有興趣的回應的「大小」欄。頂部值為壓縮後的大小。底部值是解壓縮後的大小。

另請參閱壓縮及壓縮網路酬載

堆疊專屬指南

  • Joomla:啟用 Gzip 頁面壓縮設定 (依序點選「System」 >「Global configuration」 >「Server」)。
  • WordPress:在網路伺服器設定中啟用文字壓縮功能。

資源