測試往返快取

Sofia Emelianova
Sofia Emelianova

本指南說明如何使用 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 回應標頭。