テクノロジー テスト管理 非公開: Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?

Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?

サイトで H3 を有効にしましたが、それを確認する方法がわかりませんか?

HTTP3 または H3 は、IETF によって開発された最新の HTTP プロトコルです。まだドラフト段階ですが、主要なブラウザ/クライアントで間もなくサポートされる予定です。 H3 は、もともと Google によって設計された QUIC トランスポート層ネットワーク プロトコルに基づいています。これは、SPDY プロトコルから派生した H2 などの以前のバージョンとは異なります。

Cloudflare は、 技術的な実装について説明した素晴らしいブログ投稿を公開しました。読む価値があります。

この記事の執筆時点では、H3 をサポートしているサーバー側アプリケーション/Web サーバー/ネットワーク デバイス/CDN はほとんどありません。そして、ご想像のとおり、Cloudflare は H3 を提供する最初の CDN です。

クライアント側のサポートについて話しましょう。

H3 はまだドラフト段階にあるため、すべてのブラウザがまだ H3 をサポートしているわけではありません。現時点では、以下を使用してテストできます。いつものように、サポートされているブラウザを確認するための頼りになるリファレンス を使用できますか ?

Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?
Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?

ドムシグナル

ダムシグナル-4
ダムシグナル-4

Domsignal による HTTP/3 テストは、cURL を使用してサイトに迅速に接続し、H3/QUIC プロトコルをサポートしているかどうかを明らかにします。接続が成功すると、アドバタイズされたサポートされているバージョンが表示されます。

あるいは、 HTTP プロトコル API を使用して、すべての Web プロパティについて同じことを確認することもできます。これにより、レポート対象の Web サイトが複数ある場合に、非常に必要な速度が実現します。

興味深いことに、無料枠は、月あたり 3,000 回の API 呼び出しをリスクなく試す方法です。ただし、月額 5 ドルから始まるアップグレードがあり、1 秒あたり 25 リクエストというはるかに高いレートで 10,000 API リクエストが付属します。

Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?
Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?

HTTP/3 チェック

LightSpeed 社の Web ツール。

Access HTTP/3 チェックを入れ 、テストするURLを入力します。すぐに結果が得られます。

Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?
Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?

Firefox

Firefox Nightly は 最近、H3 サポートを発表しました。

Firefox Nightly では、公開テストのための初期の HTTP/3 サポートが追加されました。

— ダニエル・ステンバーグ (@bagder) 2019 年 11 月 4 日

  • Firefox を毎晩起動する
  • アドレスバーに about:config 入力して Enter キーを押します
  • リスクを受け入れて続行する
  • network.http.http3.enabled を検索し、トグル ボタンをクリックして有効にします。
  • Firefox を毎晩再起動し、開発者ツールを開きます
  • サイトにアクセスして「プロトコル」欄を見てください。

は HTTP/3 をサポートしており、それがわかります。

グーグルクローム

予想していましたよね?

Chrome Canary を 使用してテストできます。

Google Chrome Canary は、(非常に) 実験的な #QUIC と HTTP/3 サポートを統合した最初の (利用可能な) ブラウザーになりました。

フラグ「–enable-quic –quic-version=h3-23」を追加すると、devtools に「http/2+quic/99」が表示されるはずです。これは実際には http3 を偽装したものです。 pic.twitter.com/5Fhui46h3x

— ロビン・マークス (@programmingart) 2019 年 9 月 19 日

"--enable-quic --quic-version=h3-23" フラグを指定して Chrome Canary を起動し、テストを実行します。開発者ツールでは、プロトコルとして H3 や HTTP/3 は表示されませんが、「http2+quic/99」が表示されます。

ギークフレア API

プログラムでテストする必要がありますか? HTTP プロトコル API を試してください。 HTTP/3 だけでなく、指定されたサイトが HTTP/1.1 や HTTP/2 などの他のプロトコルをサポートしている場合にも印刷されます。

 チェック http プロトコル API
チェック http プロトコル API

興味深いことに、無料枠は、月あたり 3,000 回の API 呼び出しをリスクなく試す方法です。

カール

ターミナルから離れたくないですか?

cURL は優れており、最新バージョンでは --http3 フラグを使用してテストできます。 cURL をダウンロードし、ソースからビルドします。

 curl --http3 https://yoursite.com -I

別のオプションは、以下のように cURL クライアントを構築することです。これは Linux でも動作します。

  • Rust環境をインストールする
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
  • ここで 説明されているようにキッシュを構築します

それは動作します!

結論

HTTP/3 が有効になっている場合にサイトをテストする方法について理解していただければ幸いです。サイト所有者は、Web パフォーマンスを向上させるためにこの最新のプロトコルを活用してください。

「 Web サイトが HTTP/3 をサポートしているかどうかをテストするにはどうすればよいですか?」についてわかりやすく解説!絶対に観るべきベスト2動画

進化する通信プロトコル – QUICとHTTP/3で何が変わるのか -日本語版-
【JavaScript】JSONって何?JSONを利用した通信をテストしてみよう!