測試往返快取

Sofia Emelianova
Sofia Emelianova
GitHub

本指南說明如何使用 Chrome 開發人員工具執行下列操作：

  • 使用瀏覽器的上一頁和下一頁按鈕測試網頁，看看你是否針對即時載入進行最佳化。
  • 找出可能導致網頁不適用這類快取的問題。

往返快取 (或 bfcache) 是一項瀏覽器最佳化功能，可以啟用即時往返瀏覽功能。詳情請參閱「往返快取」。

測試往返快取

如要測試往返快取，請按照下列步驟操作：

  1. 在頁面上開啟開發人員工具，然後依序前往「應用程式」 >「背景服務」 >「往返快取」。

    往返快取分頁。

  2. 按一下「測試往返快取」。

    Chrome 會自動將您導向 chrome://terms/ 並回到網頁。

    或者，您也可以按一下瀏覽器的上一頁和下一頁按鈕。

如果往返快取適用於你的網頁沒有問題，系統會顯示以下訊息：

已成功從往返快取提供。

否則，系統會顯示問題清單。

如要查看哪些問題會影響哪些影格，請展開「Frames」圖示 展開圖示。 部分。

「已展開的頁框」區段。

解決導致快取的問題

如果您的網頁不符合往返快取的資格，「往返快取」分頁會列出以下三種原因的清單：

不適用往返快取。

  • 可做為行動依據。修正這些問題後，即可啟用快取功能。例如，停止使用 unload 事件。
  • 尚待支援。Chrome 目前尚不支援這些功能，因此會禁止進行快取。不過，Chrome 在支援後就會移除這些限制。
  • 無法採取行動。您無法在這個頁面修正這些問題。不過，頁面以外的項目會禁止快取。

如要查看哪個影格造成阻斷，請展開問題說明下方的對應部分。

封鎖頁框。

無法避免往返快取的常見問題

阻擋 bfcache 的兩個主要原因為：

  • Cache-Control: no-store 標頭。

    如果網頁含有個人和私人資訊，建議使用這個標頭值。假如要合理更新網頁，請使用 no-cache 或短的快取時間，例如 max-age=60。

  • 發生問題的卸載處理常式。

    Chrome 計劃淘汰卸載處理常式，且建議一律不要使用 unload 事件。

    為確保您的網站未使用卸載處理常式，例如禁止擴充功能新增 unload 事件，請宣告 Permissions-Policy: unload=() HTTP 回應標頭。