このページは Cloud Translation API によって翻訳されました。

バックフォワードキャッシュをテストする

Sofia Emelianova

このガイドでは、Chrome DevTools を使用して次の操作を行う方法について説明します。

バックフォワードキャッシュ（bfcache）は、すぐに前または次のページに移動できるようにブラウザを最適化する機能です。詳細については、バックフォワードキャッシュをご覧ください。

バックフォワードキャッシュをテストするには、次の操作を行います。

ページで DevTools を開き、[Application] > [Background services] > [Back/forward cache] に移動します。
[バックフォワードキャッシュをテスト] をクリックします。

Chrome で自動的に chrome://terms/ が表示され、元のページに戻ります。

または、ブラウザの戻るボタンと進むボタンをクリックすることもできます。

バックフォワードキャッシュがページで問題なく機能する場合は、次のメッセージが表示されます。

バックフォワードキャッシュから正常に配信されました。

それ以外の場合は、問題のリストが表示されます。

どの問題がどのフレームに影響するかを確認するには、[フレーム] セクションを開きます。

[フレーム] セクションを開きました。

キャッシュへの保存を妨げる問題を解決する

ページがバックフォワードキャッシュの対象でない場合、[バックフォワードキャッシュ] タブに、次の 3 種類の原因のリストが表示されます。

バックフォワードキャッシュは対象外です。

実用的。キャッシュを有効にするには、これらの問題を修正します。たとえば、unload イベントの使用を停止します。
保留中のサポート。Chrome ではこの機能にまだ対応していないため、キャッシュ保存ができません。ただし、サポートが完了すると、Chrome ではこれらの制限が解除されます。
対応不可。このページではこれらの問題を解決できません。ページの制御外にあるものがキャッシュを阻止している。

阻害要因になっているフレームを確認するには、問題の説明の下の対応するセクションを開きます。

フレームのブロック。

bfcache が実行されない主な理由は 2 つあります。

Cache-Control: no-store ヘッダー:

このヘッダー値は、個人情報や個人情報を含むページに設定することをおすすめします。適度に最新の状態にしたいページについては、no-cache または短いキャッシュ時間（max-age=60 など）を使用します。
問題のあるアンロードハンドラ。

Chrome ではアンロードハンドラのサポート終了が予定されており、unload イベントは一切使用しないことをおすすめします。

ウェブサイトでアンロードハンドラが使用されないようにし、たとえば拡張機能が unload イベントを追加できないようにするには、Permissions-Policy: unload=() HTTP レスポンスヘッダーを宣言します。