提供的文字資源應經過壓縮,將網路傳輸的資料量降至最低。Lighthouse 報表的「商機」部分會列出所有未壓縮的文字資源:
Lighthouse 處理文字壓縮的方式
Lighthouse 會收集所有符合下列條件的回應:
- 使用文字型資源類型。
- 請勿加入設為
br
、gzip
或deflate
的content-encoding
標頭。
Lighthouse 然後使用 GZIP 壓縮每個選項,藉此計算可省下的費用。
如果回應的原始大小小於 1.4 KiB,或是潛在的壓縮節省量小於原始大小的 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 鍵) 即可開啟「開發人員工具」。
- 按一下 [網路] 分頁標籤。
- 按一下導致您感興趣回覆的要求。
- 按一下「Headers」分頁標籤。
- 查看「Response Headers」部分中的
content-encoding
標頭。
如要比較回應的壓縮和解壓縮大小,請按照下列步驟操作:
- 按下 Control + Shift + J 鍵 (或在 Mac 上按下 Command + Option + J 鍵) 即可開啟「開發人員工具」。
- 按一下 [網路] 分頁標籤。
- 啟用大型要求資料列。 請參閱「使用大型要求列」一文。
- 查看您有興趣的回應的「大小」欄。頂端值是壓縮後的大小。底部值是解壓縮後的大小。
另請參閱壓縮及壓縮網路酬載。
堆疊專屬指南
- Drupal:提供的文字資源應經過 (gzip、deflate 或 brotli) 壓縮,將網路傳輸的資料量降至最低。建議您使用原生支援這項功能的 CDN,或是設定網路伺服器來執行這項作業。瞭解詳情。
- Joomla:啟用 Gzip 頁面壓縮設定 (依序點選「系統」>「全域設定」>「伺服器」)。
- WordPress:在網路伺服器設定中啟用文字壓縮功能。