既存のコードベースに変更を加えることなく、お客様のWebサイトをスピードアップさせるために、CloudflareがHTTP/2とHTTP/3をサポートする方法をご説明します。
概要
HTTP/2とHTTP/3はページの読み込み速度を上げるもので、すべてのCloudflareプランで無料となっています。HTTP/2は、Cloudflareのエッジネットワークで、デフォルトで有効になっていて、SSL証明書が必要です。HTTP/2とHTTP/3の構成は、Cloudflareネットワークアプリを経由して行います。Freeプランのドメインでは、HTTP/2を無効にできません。
ブラウザとWebサーバーが利用可能な最高位のプロトコルを自動的にネゴシエートします。そのため、HTTP/3はHTTP/2よりも優先されます。
お客様の接続で使うプロトコルを決定するために、Webブラウザ、またはクライアントからexample.com/cdn-cgi/traceを入力し、ご自分のドメイン名とexample.comを置き換えます。数行のデータが返されます。結果にhttp=h2が表示されると、HTTP/2上で接続されます。他に使用可能な値は、HTTP/3にはhttp=http2+quic/99を、HTTP/1.xにはhttp=http/1.xを使うことができます。
HTTP/2
HTTP/2は、次を経由して、ページのロード時間を改善します：
- 接続の多重化 - 単一のネットワークリクエストで、複数のリソースを取得します。ページレンダリングの速度を落とさないように、リソースが利用可能な時に、レスポンスが送信されます。
- HTTPヘッダーの圧縮 - ヘッダーを圧縮し、HTTPリクエストを簡素化し、ヘッダーの再送信を回避します。
- HTTP/2 Server Push - ページの読み込み速度を改善するために、Cloudflareはクライアントが追加リクエストを待たずにキャッシュできるように追加のリソースを提供します。
注：
- すべてのブラウザがHTTP/2をサポートするわけではなく、代わりにHTTP1.xを使います。
- 接続の多重化は、ドメインごとに行われます。
HTTP/3
HTTP/3は、高速で信頼性があり、安全性の高い接続を実現します。HTTP/3は、QUICと呼ばれるGoogleのプロトコルをデフォルトで使用することで、インターネットトランスポートを暗号化します。CloudflareネットワークアプリでHTTP/3を有効化します。
詳細は、当社のHTTP/3開発者向けドキュメントをお読みください。
Server Push
Server Push機能によって、オリジンWebサーバーは、画像やスタイルシート、JavaScriptなど追加のアセットを参照するために、HTMLを解析するのを待たずに、クライアントまたはWebブラウザにリソースを送信できるようになります。Server Pushは、ページ上のスクリプトまたはスタイルシートすべてで通常のHTTPリクエストとレスポンスサイクルを回避します。Server Pushは、Cloudflareの全プランでご利用いただけます。
まず、Linkヘッダーの rel=preload パラメーター内で、URI参照をオリジンサーバーから抽出します。次に、こうした追加のURIがクライアントに提供されます。Linkヘッダーを含む例：
Link: </images/image.png>;rel=preload;
Link: </css/main.css>;rel=preload;
Server Pushの上限は、各ページ50アセットまで、各接続100アセットまでです。
関連リソース
ブラウザサポート情報：