Cache-Controlヘッダービルダー

Cache-Controlヘッダービルダーは、仕様を暗記しなくてもCache-Control HTTPレスポンスヘッダーを構築できる無料のブラウザベースツールです。 Cache-Controlは、ブラウザ、CDN、プロキシキャッシュがレスポンスを 保存・配信する方法を制御する主要なメカニズムです。適切に調整された キャッシュ戦略は、サーバー負荷を大幅に削減し、帯域コストを下げ、 エンドユーザーのページ読み込み時間を高速化します。

その重要性にもかかわらず、Cache-Controlヘッダーを手書きすることは 意外に難しいです。ディレクティブは微妙な方法で相互作用します。例えば、 no-cacheは「キャッシュしない」という意味ではなく（それは no-storeです）、max-age=0, must-revalidateは古いコンテンツに 関するエッジケースでno-cacheとは異なる動作をします。このツールは、 すべてのディレクティブにトグルスイッチ、時間ベースの値に期間プリセット、 ブラウザとCDNがキャッシュされたレスポンスを時間の経過とともにどのように 扱うかを示すリアルタイムのビジュアルタイムラインを提供することで、 混乱を解消します。

このビルダーは標準的なCache-Controlディレクティブをすべてカバーしています： public、private、no-cache、no-store、max-age、 s-maxage、must-revalidate、proxy-revalidate、 no-transform、immutable、stale-while-revalidate、 stale-if-error。ワンクリックのプリセット5種類（静的アセット、 APIレスポンス、HTMLページ、プライベートユーザーデータ、キャッシュなし） により、要件に合わせてカスタマイズ可能な合理的な出発点が得られます。

すべての処理はクライアントサイドのJavaScriptを使用してブラウザ内で完結します。 データがサーバーに送信されることはないため、内部システムや本番システムの キャッシュ設定を安全に試すことができます。ヘッダーが完成したら、 HTTPヘッダーアナライザー で他のレスポンスヘッダーと合わせて効果を確認するか、 CSPヘッダー生成ツール で付随するセキュリティヘッダーを生成してください。完全なHTMLメタデータには、 メタタグ生成ツール がキャッシュ関連のmetaタグの設定にも役立ちます。

1. プリセットボタン（静的アセット、APIレスポンス、HTMLページ、プライベートユーザーデータ、キャッシュなし）をクリックしてすぐに始めるか、ゼロから構築します。
2. 各セクション（キャッシュ可能性、有効期限、再検証、その他、古いコンテンツ）のスイッチを使用して個々のディレクティブをオン・オフします。
3. 時間ベースのディレクティブ（max-age、s-maxage、stale-while-revalidate、stale-if-error）は、期間プリセット（1m、1h、1d、1w、1y）をクリックするか、秒数でカスタム値を入力します。
4. 右側に生成されたCache-Controlヘッダーを確認します。完全なCache-Control: ...文字列がリアルタイムで更新されます。
5. キャッシュ動作タイムラインでフレッシュ、stale-while-revalidate、stale-if-errorのフェーズを視覚化します。
6. Nginx、Apache、Express.jsタブを切り替えて、すぐに貼り付けられるサーバー設定スニペットを取得します。
7. Copy Header（またはCtrl+Shift+C）をクリックして出力をクリップボードにコピーします。