スクリプトライフサイクル
unload と beforeunload
ページを離れる際のハンドラが復元を妨げる場合があります。コード変更前にブラウザの理由と解析・フォームの動作を確認してください。
ウェブサイトのBFCacheをオンラインで確認
戻る操作でページが復元されるか確認します。ページ全体の再読み込みを引き起こすブラウザの制限を調べます。
ブロック原因
戻る操作で再読み込みが必要な理由
BFCache に普遍的な単一のブロッカーはほとんどありません。レポートはサーバーヘッダー、ブラウザ制限、フロントエンドコードを分離し、修正が推測にならないようにします。
レスポンスヘッダー
Cache-Control: no-store
no-storeの影響はブラウザと検査条件によって異なります。記録された拒否理由を確認してください。BFCacheのために個人データの保護を外さないでください。
ランタイム状態
JavaScriptの状態と接続
WebSocket、IndexedDB トランザクション、タイマー、SPA 状態が復元をブロックする可能性があります。Milten はユーザーがページを離れ、pageshow を通じて戻ったときに何が起こるかを確認します。
FAQ
Back/Forward Cacheに関するよくある質問
BFCacheとは何か、なぜ無効になるのか、ブロッカーを安全に修正する方法に関する簡潔な回答。
Back/Forward Cacheとは何ですか？
BFCache は完全なページスナップショットをブラウザメモリに保持します。ユーザーが戻るまたは進むをクリックすると、HTML、リソース、レンダリングを再度読み込むことなく、ページが即座に表示されます。
ページがBFCacheを逃すのはなぜですか？
検査したブラウザーが記録した理由を確認してください。ページのライフサイクルハンドラー、開いているリソース、レスポンス設定が復元の可否に影響する場合があります。条件はブラウザーや状態によって異なります。現在のChromeでは、no-storeやbeforeunload自体が無条件に復元を妨げるわけではありません。
BFCacheはCore Web Vitalsとどのように関係していますか？
BFCache の復元は通常、ブラウザが準備完了のページ状態を表示するため、瞬時に感じられます。繰り返しの読み込みを減らし、戻る・進むナビゲーションの体験を向上させます。
アナリティクスを失わずにunloadを削除できますか？
unloadを削除する前に、依存しているイベントを調べてください。用途によっては表示状態の変更、pagehide、sendBeaconが使えますが、送信が届くかの確認は必要です。通常の読み込みとBFCacheからの復元を両方確認し、同じ訪問を二重に計上しないようにしてください。
すべてのページを確認する必要がありますか？
主要なテンプレートから始めてください：ホームページ、カタログ、商品ページ、記事、アカウントエリア、チェックアウト。ブロッカーが共有レイアウトにある場合、複数のページタイプに現れます。