HTTP/2・HTTP/3を有効にすべきか

レン

HTTP/2とかHTTP/3って聞くけど、有効にしたほうが速くなるの？

プロクラ

場合によるよ。効く場面ははっきりしていて、それ以外ではほとんど変わらない。まず何が改善されるのかを理解してから決めよう。

何が変わるのか

プロクラ

従来の方式では、1つの接続で1つずつ順番にやり取りしていた。HTTP/2では、1つの接続で複数を同時に扱える。だから、読み込むものが多いページほど効く。

• 画像やCSS、JavaScriptが多いページ → 効果が出やすい
• 1つの大きなファイルをダウンロードするだけ → ほとんど変わらない
• サーバー側の処理が遅いことが原因 → まったく効かない
• 通信の遅い環境ほど、差が出やすい

プロクラ

3つめが大事だね。応答が返り始めるまでが遅い場合、通信方式を変えても解決しない。まず何が遅いのかを測ってから判断しよう。

有効にする前提

新しい方式で速くなるのは、小さなファイルを大量に読み込むページです。1枚の大きな画像を送るだけなら、方式を変えても体感は変わりません。効くかどうかは自分のページの構成次第なので、有効にする前に何が遅いのかを見てください。

• HTTPSであること（実質的な必須条件）
• Webサーバーが対応していること
• 設定に1行足すだけで有効になることが多い
• 対応していない相手とは、自動的に従来の方式で通信される

プロクラ

4つめのおかげで、有効にすることによる不利益はほぼ無いよ。古い環境からのアクセスは、これまでどおりに扱われる。

HTTP/3はもう一段違う

プロクラ

HTTP/3は、下で使う通信の仕組み自体が変わる。従来と別の方式を使うので、ファイアウォールで別途通す設定が必要になることがあるんだ。

• 使う通信方式が違うため、ファイアウォールの設定を追加する
• 事業者側のフィルターでも、同じ設定が必要な場合がある
• 通信が不安定な環境で、特に効果が出やすい
• 対応していない環境では、自動的にHTTP/2以下で通信される

有効になっているか確認する

• ブラウザの開発者ツールで、使われている方式を表示できる
• 通信の一覧に、その列を追加すれば見える
• 外部の確認サービスでも判定できる
• 設定しただけで満足せず、実際に使われているかを見る

プロクラ

順番としては、まず画像を軽くする・キャッシュを効かせるほうが効果が大きいよ。通信方式の変更は、そのあとの仕上げだと考えておくといい。

レン

読み込むものが多いページに効くんだね。まず何が遅いか測ってみる。

従来の高速化手法との関係

プロクラ

HTTP/2が普及したことで、意味が薄れた工夫もあるんだ。古い記事の手順をそのまま適用すると、かえって遅くなることがある。

• 画像を1枚にまとめる手法は、必要性が下がった
• ファイルを結合して数を減らす工夫も、効果が小さくなった
• 複数のドメインに分けて配信する手法は、逆効果になりうる
• 1つの接続で同時に扱えるので、数を減らす意味が薄れた

プロクラ

画像を軽くする、キャッシュを効かせる、といった基本は変わらず有効だよ。変わったのは「数を減らす」系の工夫のほうだね。