測試往返快取

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 回應標頭。