Cache-Control ヘッダービルダー

使い方

1. あなたのシナリオに合うプリセットから始めて調整。
2. 数値フィールドは秒 — 空欄にするとそのディレクティブを完全に省略。
3. 結果をオリジンサーバー、CDN ルール、またはフレームワークのレスポンスヘッダーにコピー。

よくある質問

immutable はいつ使う？

ファイル名にコンテンツハッシュを含むアセットに、長い max-age（1 年がよくある）と組み合わせて使う。すると、ブラウザは通常ソフトリフレッシュ時に行う条件付き再検証をスキップする。

no-cache vs no-store？

no-cache は使用前に保存されたコピーを再検証する必要があることを意味し、no-store はまったく保存しないことを意味する。レスポンスにディスクに置いてはならないプライベートデータが含まれる場合は no-store が勝つ。

ヘッダーを設定したのにキャッシュされません。なぜ?

たいていは三つのどれかです。Set-Cookieを一緒に返す応答は共有キャッシュに個人向けと見なされ、CDNはふつう素通りさせます。資格情報付きの要求は、明示的に許可しないかぎり共有キャッシュに保存されません。そしてブラウザーの再読み込みはヘッダーに関係なく再検証するので、強制再読み込みで試すとつねにヘッダーが無視されているように見えます。新しいタブでURLを開いて確かめてください。

ExpiresやETagとはどう噛み合いますか?

両方ある場合はmax-ageがExpiresに勝ちます。ExpiresはCache-Controlを解さない古いキャッシュにしか意味がありません。ETagとLast-Modifiedはまったく別の仕組みで、鮮度には関わらず、応答が古くなったあとの要求を安くします。サーバーは本文なしの304で答えられるようになります。二つは併用するためのものです。

関連ツール