提供文字資源時應壓縮,以將網路總數降到最低 一個位元組Lighthouse 報表的「商機」部分會列出所有文字型 未壓縮的資源:
Lighthouse 如何處理文字壓縮
Lighthouse 會收集下列所有回應:
- 具有文字型資源類型。
- 請勿加入設為
br
、gzip
或content-encoding
deflate
。
然後 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
) 開啟開發人員工具。
按一下 [網路] 標籤。
- 按下 Control + Shift + J 鍵 (在 Mac 上為 Command + Option + J 鍵) 開啟開發人員工具。
- 按一下 [網路] 分頁標籤。
- 按一下導致您感興趣回覆的要求。
- 按一下「標頭」分頁標籤。
- 檢查「Response Headers」部分的
content-encoding
標頭。
如何比較回應的壓縮和解壓縮大小:
- 按下 Control + Shift + J 鍵 (在 Mac 上為 Command + Option + J 鍵) 開啟開發人員工具。
- 按一下 [網路] 分頁標籤。
- 啟用大型要求資料列。 請參閱「使用大型要求資料列」。
- 查看您有興趣的回應的「大小」欄。 頂端值是壓縮後的大小底部值為解壓縮後的值 大小
另請參閱壓縮及壓縮網路酬載。
堆疊專屬指南
- Joomla:啟用 Gzip 頁面壓縮設定 (依序點選「System」>「Global configuration」>「Server」)。
- WordPress:在網路伺服器設定中啟用文字壓縮功能。