このページは 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 レスポンスヘッダーを宣言します。