測試往返快取

Sofia Emelianova

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

• 測試是否已針對使用瀏覽器的「前」和「後」按鈕，將網頁最佳化，以便即時載入。
• 找出可能導致網頁不符合這類快取功能的相關問題。

往返快取 (或 bfcache) 是一種瀏覽器最佳化功能，能讓使用者迅速往返網頁，詳情請參閱「往返快取」。

重點：往返快取與瀏覽器快取和 HTTP 快取不同。

如要檢查快取資料，請按照「查看快取資料」中的步驟操作。

如要檢查 HTTP 快取資料，請開啟「網路記錄」的「Size」欄。請參閱「記錄網路活動」。

測試往返快取

如要測試回溯/前進快取，請按照下列步驟操作：

1. 在頁面上開啟「DevTools」，然後依序前往「Application」 >「Background services」 >「Back/forward cache」。

   

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

提示： 如要測試 bfcache 修正程式，您可以使用覆寫值模擬回應標頭。