HTTP/2 / HTTP/3とは何ですか？

Webの通信プロトコルHTTPの新バージョン。多重化やヘッダー圧縮でWeb表示を高速化する。

HTTP/2 / HTTP/3のポイントは？

HTTP/2は多重化（1つの接続で複数リクエストを同時処理）が最大の特徴。HTTP/3はTCPの代わりにQUIC（UDP上）を使用して接続確立を高速化。HTTP/1.1のHead-of-Line Blocking問題を解消。主要ブラウザとCDN（Cloudflare、Fastly等）がHTTP/3に対応済み

【えいちてぃーてぃーぴーつー・えいちてぃーてぃーぴーすりー】

HTTP/2 / HTTP/3 とは？

💡 Web通信の「高速道路」をアップグレード

📌 このページのポイント

HTTP/2は多重化（1つの接続で複数リクエストを同時処理）が最大の特徴
HTTP/3はTCPの代わりにQUIC（UDP上）を使用して接続確立を高速化
HTTP/1.1のHead-of-Line Blocking問題を解消
主要ブラウザとCDN（Cloudflare、Fastly等）がHTTP/3に対応済み

HTTP/1.1, HTTP/2, HTTP/3 の比較イメージ

ひよこ

HTTP/1.1の何が問題だったの？

ペンギン先生

HTTP/1.1は1つのTCP接続で1つのリクエストしか同時処理できない。画像を10枚読み込むなら10本の接続が必要。ブラウザは通常6本の同時接続しか張れないから、7枚目以降は待ちが発生する。これがHead-of-Line Blocking。HTTP/2は1本の接続で複数リクエストを多重化するから待ちが解消されるんだよ

ひよこ

HTTP/2でWeb高速化するために何かする必要ある？

ペンギン先生

サーバー側でHTTP/2を有効にするだけで恩恵を受けられるよ。ただしHTTP/1.1時代の最適化テクニック（ドメインシャーディング、CSSスプライト、ファイル結合）はHTTP/2では不要どころか逆効果になることがある。多重化のおかげで小さいファイルを多数リクエストしても問題ないからね

ひよこ

おもしろい！HTTP/3のQUICって何がすごい？

ペンギン先生

TCPは接続確立に1.5 RTT（往復時間）、TLSハンドシェイクにさらに1〜2 RTT。合計3 RTT以上かかる。QUICはUDPベースで接続確立と暗号化を同時に行い、0〜1 RTTで接続完了。モバイル環境でWi-Fi→4G切り替え時もコネクション移行でシームレスに通信継続できるのもQUICの強みだよ

ひよこ

HTTP/3への移行は進んでる？

ペンギン先生

2024年時点でGoogleの全サービス、CloudflareのCDN、Meta（Facebook/Instagram）がHTTP/3対応済み。全Webトラフィックの30%以上がHTTP/3という推計もある。自分のサイトで使うならCloudflare CDNを噛ませるのが最も簡単。NGINX やApacheも対応が進んでいるけど設定はやや複雑だよ

まとめ：ざっくりこれだけ覚えればOK！

「HTTP/2・HTTP/3」って出てきたら「Web通信を高速化するプロトコルの進化版」と思えればだいたいOK！

📖 おまけ：英語の意味

「Hypertext Transfer Protocol version 2/3」＝ハイパーテキスト転送プロトコルバージョン2/3

💬 HTTP/2はGoogleのSPDYが元、HTTP/3はGoogleのQUICが元。どちらもGoogle発だよ

← 用語集にもどる