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

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

Sofia Emelianova

GitHub

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

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

バックフォワードキャッシュをテストする手順は次のとおりです。

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

自動的に chrome://terms/ に戻り、元のページに戻ります。

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

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

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

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

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

開いたフレームセクション。

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

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

バックフォワードキャッシュの対象ではありません。

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

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

ブロックしているフレーム。

bfcache が実行されない主な 2 つの理由は次のとおりです。

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

このヘッダー値は、個人情報や個人情報を含むページに推奨されます。一定程度の更新頻度が必要な場合は、no-cache または短いキャッシュ時間（max-age=60 など）を使用します。
問題のあるアンロードハンドラ。

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

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