【入門編】Connection: keep-aliveヘッダーの挙動 – HTTPプロトコル・通信規格実践ガイド

はい、承知いたしました。HTTPプロトコルの `Connection: keep-alive` ヘッダーについて、インフラやネットワークの初学者の方にも分かりやすく、親しみやすいトーンで解説するブログ記事を執筆します。パケットの挙動を身近な例えで表現し、実践的な情報も盛り込みますね。

—

Webの速さの秘密！「Connection: keep-alive」で、郵便配達をもっとスマートにしませんか？

こんにちは！Webの裏側で、パケットたちがせっせと仕事をしている様子を日々見守っているネットワークアーキテクトです。今回は、皆さんが普段何気なく見ているWebサイトが、どうしてあんなにサクサク表示されるのか、その秘密の一つである 「Connection: keep-alive」 について、とびきり分かりやすくお話ししますね。

「Connection: keep-alive」って聞くと、なんだか難しそう…って思われるかもしれませんが、大丈夫！今日からは、皆さんの身近にある「郵便配達」に例えながら、この仕組みを一緒に紐解いていきましょう。

昔々、Webサイトは「一度きりの出会い」だった？ (HTTP/0.9～HTTP/1.0のお話)

まず、HTTPプロトコルの歴史をちょこっとだけ振り返ってみましょう。Webが生まれたばかりの頃、HTTP/0.9やHTTP/1.0というバージョンでは、Webサイトを見るたびに、ちょっと非効率なことが起きていました。

それは、「リクエストごとに、新しい電話線を引いて、用事が終わったらすぐに電話線を切る」 というようなイメージでした。

Webサイトを見たい！ → サーバーに電話をかける（TCP接続を確立する）
「このページをください！」 → リクエストを送る
「はい、どうぞ！」 → サーバーがページを返す
「ありがとうございました！」 → 電話線を切る（TCP接続を切断する）
次に別のページを見たい！ → また新しい電話線を引く（TCP接続を確立する）…

この「電話線を引いて、切って」を繰り返す作業、なんだか手間がかかりますよね？毎回、電話帳で相手の番号を調べて、電話をかけて、話し終わったら「ガチャ切り」して…となると、たくさんのページを見たいときなんて、待ち時間がどんどん長くなってしまいます。

これだと、Webサイトを見るのに時間がかかってしまって、ユーザー体験もあまり良くありません。まさに、「一期一会」 のような、ちょっと寂しい通信だったんです。

「ねぇ、まだ用事ある？ちょっとだけ繋いでおこうよ！」 – Connection: keep-alive の登場

そこで登場したのが、今回の主役である `Connection: keep-alive` ヘッダーなんです！

これは、Webサイトを見ている間、「一度確立した電話線（TCP接続）を、すぐには切らずに、しばらく繋いだままにしておきましょうよ！」 という、とっても賢い提案なんですね。

例えるなら、郵便配達員さんが、一度お宅に荷物を届けに来たときに、

「あ、奥様！ご無沙汰しております。先ほどお届けした〇〇でございます。もし、この後、奥様から私宛に何かお手紙を出すご用事があれば、このまま少し待っていてもよろしいでしょうか？他の配達の合間に、またお伺いするのは大変なので…」

といった感じでしょうか。

この `Connection: keep-alive` が使われると、ブラウザ（あなたのパソコンやスマホ）とWebサーバーの間で、

1. Webサイトを見たい！ → サーバーに電話をかける（TCP接続を確立する）
2. 「このページをください！」 → リクエストを送る
3. 「はい、どうぞ！」 → サーバーがページを返す
4. 「ありがとう！ところで、このページで使われている画像も欲しいんだけど…」 → 電話線はまだ切れていない！ そのまま次のリクエストを送る
5. 「はい、画像です！」 → サーバーが画像を返す
6. 「まだ、このページで使われているCSSファイルも必要だ！」 → 電話線はまだ切れていない！ そのまま次のリクエストを送る
7. …というように、一度の電話（TCP接続）で、たくさんのやり取りができるようになる んです。

Connection: keep-alive の嬉しい効果って？

この「電話線を繋いでおく」というだけで、一体どんな良いことがあるのでしょうか？

通信が速くなる！
電話をかけ直す手間が省ける: 毎回、新しいTCP接続を確立するには、サーバーとブラウザの間で「3ウェイハンドシェイク」と呼ばれる、ちょっとした「握手」のようなやり取りが必要です。これが、ページを読み込むたびに発生すると、それだけで時間がかかってしまいます。keep-aliveなら、この握手を何度も繰り返す必要がありません。
パケットのやり取りがスムーズに: 昔の郵便配達さんみたいに、一度帰ってまた来る、という無駄がなくなります。

サーバーの負担が減る！
電話線を引く回数が減る: サーバー側も、毎回新しい接続を受け付けて、切断する、という作業を繰り返すよりも、一つの接続を維持する方が、リソース（CPUやメモリなど）の消費を抑えられます。

まさに、「効率化」 と 「パフォーマンス向上」 のための、とっても重要な仕組みなんですね！

HTTP/1.1 では、これが「当たり前」になった！

HTTP/1.0までは、`Connection: keep-alive` は「オプション」のようなもので、明示的に「この接続を維持してくださいね！」と伝える必要がありました。

ところが、HTTP/1.1 になると、なんと 「デフォルトで keep-alive が有効」 になったんです！

つまり、HTTP/1.1以降のWeb通信では、特別な指定をしない限り、ブラウザとサーバーは「なるべく接続を維持しよう」としてくれるようになりました。これは、Webの発展において、本当に大きな進歩だったんですよ。

実際の通信で `Connection: keep-alive` を見てみよう！

「でも、実際どんな風に通信されているの？」って気になりますよね。
そんなときは、ブラウザの開発者ツールを使ってみると、パケットのやり取りを垣間見ることができます。

例えば、Chromeブラウザなら、Webページを開いた状態で `F12` キー（Macなら `Option` + `Command` + `I`）を押して、開発者ツールを開きます。「Network」タブを選択して、ページをリロードしてみてください。

たくさんの通信ログが出てきますが、その中の「Headers」タブを見てみると、リクエストやレスポンスのヘッダー情報が確認できます。

リクエストヘッダーの例:

GET /index.html HTTP/1.1
Host: example.com
Connection: keep-alive <-- ここに注目！ User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) ... Accept: text/html,... レスポンスヘッダーの例:

HTTP/1.1 200 OK
Server: Apache/2.4.41 (Ubuntu)
Date: Tue, 26 Oct 2023 10:00:00 GMT
Content-Type: text/html; charset=UTF-8
Connection: keep-alive <-- こちらも注目！ Content-Length: 1234 このように、`Connection: keep-alive` がリクエストとレスポンスの両方でやり取りされているのが分かります。（HTTP/1.1 ではデフォルトなので、明示的に書かれていない場合もありますが、挙動としては維持されています。）

「でも、ずっと繋いだままで大丈夫なの？」 – タイムアウトの重要性

「ずっと電話線を繋いだままにしておくと、回線が混雑してしまうんじゃない？」と心配される方もいるかもしれません。ご安心ください！

`keep-alive` は「無期限に」接続を維持するわけではありません。一定時間、通信がないと 「タイムアウト」 という仕組みで、自動的に接続が切断されます。

これは、郵便配達員さんが「もうずいぶん長い間、そのお宅からお手紙が来ないな…」と思ったら、他の配達もあるので、「そろそろこの待機はやめようかな」と判断するようなものです。

このタイムアウト時間は、Webサーバー側で設定されており、HTTP/1.1 の仕様では 「最低でも5秒間は維持することを推奨」 しています。しかし、実際にはサーバーの設定によって、もっと長く（例えば60秒や300秒など）設定されていることが多いです。

まとめ：Connection: keep-alive はWebの隠れた立役者

さて、今回は `Connection: keep-alive` というヘッダーについて、郵便配達さんに例えながらお話ししました。

昔は、Webリクエストごとに新しい接続を確立していた。
`Connection: keep-alive` は、一度確立した接続を維持し、複数のリクエストを効率的に処理するための仕組み。
これにより、通信速度の向上とサーバー負荷の軽減が実現できる。
HTTP/1.1からは、これがデフォルトの挙動になった。
タイムアウト設定により、無駄な接続は自動的に切断される。

このように、普段何気なく使っているWebの快適さは、HTTPプロトコルが進化し、こうした賢い仕組みが導入されてきたおかげなんですね。

皆さんも、Webサイトの表示速度が速いな、と感じたときには、もしかしたらこの `Connection: keep-alive` のおかげかもしれない、と思い出していただけると嬉しいです！

これからも、Webの裏側で動いている面白い仕組みを、分かりやすくお伝えしていきますね。お楽しみに！