【入門編】HTTP/1.1のCache-Controlヘッダーのディレクティブ詳細 – HTTPプロトコル・通信規格実践ガイド

こんにちは！ネットワークの世界へようこそ。
Webサイトを表示するとき、ブラウザとサーバーの間では、目にも止まらぬ速さで「データください」「はい、どうぞ」というやり取りが行われています。

もし、毎回サーバーまで「画像ください！」「CSSください！」と遠くまで手紙を出しに行っていたら、サイトの表示は遅くてたまりませんよね。そこで登場するのが「キャッシュ」です。

今日は、HTTP/1.1でこのキャッシュを自由自在に操る魔法の言葉、`Cache-Control` ヘッダーについて、郵便配達に例えながら紐解いていきましょう。

—

想像してみてください。あなたは毎日、遠くの「中央郵便局（Webサーバー）」から手紙を取り寄せています。でも、毎回行くのは面倒ですよね。そこで、自宅の玄関に「専用の棚（ブラウザやプロキシのキャッシュ）」を置くことにしました。

`Cache-Control` は、この棚に置く荷物に貼る「取り扱い説明書」のようなものです。

適切に設定しないと、「もう古い手紙なのに、いつまでも棚に置いたままにしてしまう（情報が古い）」とか、「毎回わざわざ中央郵便局まで取りに行ってしまう（サイトが重い）」という問題が起きます。これを解決するのが以下のディレクティブたちです。

—

「この荷物は、届いてから3600秒（1時間）は棚に置いておいていいよ」と指示するものです。

Cache-Control: max-age=3600
意味：1時間以内なら、サーバーに聞かずに棚の荷物を使ってね！

一番シンプルで、Webサイトの高速化には欠かせない設定です。

「これには極秘情報が入っているから、棚には絶対に置かないで！」という命令です。ブラウザのキャッシュにも、途中のプロキシサーバーのメモリにも一切残してはいけません。個人情報や決済画面など、機密性の高いページで使います。

名前が少しややこしいのですが、「保存してはいけない」という意味ではありません。
「棚に置いてもいいけど、使うときは毎回『まだ中身は新しい？』って中央郵便局に確認してね」という指示です。最新情報を確実に届けたいけれど、通信量を少しでも減らしたい時に使います。

`max-age` で設定した賞味期限が切れたら、「絶対にサーバーに確認しなさい！」と強制するものです。普段はブラウザが気を利かせて「ちょっと期限過ぎたけど、まあいいか」と古いデータを使ってしまうことがありますが、それを許さない厳格なルールです。

—

では、実際のサーバー設定やプログラムでどのように指定するか見てみましょう。

サーバーからブラウザへ送るヘッダーの例
Cache-Control: public, max-age=86400, must-revalidate

—

「確認してね」と言われても、毎回データ全体をダウンロードしていたら意味がありませんよね。

ここで登場するのが ETag（イー・タグ） という仕組みです。サーバー側で「このファイルはバージョンAです」という目印を付けておき、ブラウザは「私、バージョンAを持ってるけど、まだこれでいい？」とサーバーに聞きに行きます。

サーバーは「うん、それでOK（304 Not Modified）」とだけ返せば、データの本体を送る必要がないため、通信が爆速で終わるのです。

—

キャッシュの設定を適切に行うことは、単にサイトを速くするだけでなく、サーバーの負荷を減らし、インターネット全体の渋滞を緩和する「社会貢献」でもあります。

最初は難しく感じるかもしれませんが、「このデータはどれくらい長生きさせるべきか？」「最新であることはどれくらい重要か？」という視点を持つだけで、あなたのネットワークへの理解はぐっと深まります。

次回のデバッグ時、ブラウザの「開発者ツール（Networkタブ）」を開いて、ぜひこの `Cache-Control` ヘッダーを覗いてみてください。きっと、パケットたちが元気に駆け巡る様子が目に浮かぶはずですよ！

一歩ずつ、一緒に学んでいきましょう！