本指南將說明如何使用 Chrome 開發人員工具執行下列操作:
- 測試您是否將網頁的「上一頁」和「下一頁」按鈕最佳化,以方便即時載入。
- 找出可能導致網頁無法支援這類快取的問題。
往返快取 (或 bfcache) 是一種瀏覽器最佳化功能,可提供立即的往返和向前瀏覽功能。詳情請參閱往返快取。
測試往返快取
如要測試往返快取,請按照下列步驟操作:
在網頁上開啟開發人員工具,然後依序前往「應用程式」 >「背景服務」 >「往返快取」。
按一下「測試往返快取」。
Chrome 會自動帶您前往
chrome://terms/
並返回網頁。或者,您也可以按一下瀏覽器的「上一頁」和「下一頁」按鈕。
如果往返快取可以正常執行網頁,而且沒有發生問題,系統將顯示下列訊息:
否則,您會看到問題清單。
如要瞭解哪些問題會影響哪些頁框,請展開「Frames」(頁框) 部分。
解決導致快取無法執行的問題
如果網頁不符合往返快取資格,「往返快取」分頁會顯示清單,列出以下三種原因:
- 切合實務:您可以藉由修正這些問題來啟用快取。例如停止使用
unload
事件。 - 待處理的支援服務。Chrome 目前尚不支援這些功能,因此系統無法執行快取。不過,一旦支援,Chrome 就會移除這些限制。
- 無法採取行動。您無法修正本頁面中的這些問題。超出網頁控制的項目會導致快取。
如果想知道哪個頁框是攔截器,請展開問題說明下方的對應部分。
阻礙往返快取的常見問題
阻止 bfcache 執行的兩個主要原因為:
-
這個標頭值適用於包含個人和私人資訊的網頁。如果你想對網頁進行合理更新,請使用
no-cache
或較短的快取時間,例如max-age=60
。 -
Chrome 即將淘汰卸載處理常式,建議不要使用
unload
事件。為確保您的網站不會使用卸載處理常式,並且避免擴充功能新增
unload
事件,請宣告Permissions-Policy: unload=()
HTTP 回應標頭。