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