バック/フォワードキャッシュのテスト

即時ナビゲーションのためのBack/Forward Cache互換性分析

メリット

即時ナビゲーション検出

すべてのページのBack/Forward Cache適格性を包括的にチェックし、ユーザーが即座に前後に遷移できることを保証します。

ブロック理由の詳細分析

各ページのキャッシュを妨げている正確な原因を詳細にレポート — unloadリスナーからCache-Controlヘッダー、オープン接続まで。

マルチページクロール分析

サイト全体の自動スキャンにより、すべてのページのbfcache問題を1回の実行で洗い出し、影響度順に優先順位付けします。

実行可能な修正提案

各ブロック理由を解決するための明確なステップバイステップガイダンスにより、ページをbfcache対応にし、即座に読み込めるようにします。

BFCacheは、ユーザーが別のページに移動した際にページの完全なスナップショットをメモリに保存するブラウザの最適化機能です。戻るまたは進むを押すと、再取得や再レンダリングなしにページが即座に復元されます。

一般的なブロッカーには、unloadイベントリスナー、Cache-Control: no-storeヘッダー、開いているWebSocketまたはIndexedDB接続、特定のHTTPヘッダーなどがあります。レポートには各ページの正確な理由が記載されます。

bfcacheから復元されたページは、即座に表示されるため、LCP、FCP、CLSの値がほぼゼロになります。bfcacheを有効にすることで、CrUXデータにおけるWeb Vitals全体のスコアを大幅に改善できます。

BFCacheはChrome、Firefox、Safariでサポートされています。各ブラウザの適格基準は若干異なる場合がありますが、一般的なブロッカーを除去することですべてのブラウザに恩恵があります。

最新のアナリティクスライブラリはunloadの代わりにBeacon APIやpagehide/visibilitychangeイベントを使用しています。これらの代替手段に切り替えることで、トラッキングを維持しながらbfcacheを有効にできます。