CloudflareがWEBサイトの表示が高速化されるプロトコル「HTTP/3」に対応した件

Mon, 07 Oct 2019 22:58:05 +0900

HTTP/3のサポート開始したCloudflare

2019/09/26CDNサービスを提供しているCloudflareがHTTP/2+QUICおよびHTTP/3のサポートを使用可能にしたそうです。WEBサイトの高速化を常に意識している自分としてはとても気になります。

https://blog.cloudflare.com/jp/http3-the-past-present-and-future-jp/ https://blog.cloudflare.com/jp/http3-the-past-present-and-future-jp/

https://blog.cloudflare.com/the-quicening/ https://blog.cloudflare.com/the-quicening/

現時点では本サイトも高速化を目的にCloudflareを使用しており、レンタルサーバーもスピードを売りにしていてHTTP/3にも対応している**『Mixhost』**を使用していますので、ダブルで対応していることは関係ないかもしれませんが更に高速化できるのではないかと期待しています。

Chrome CanaryでHTTP/3を試す方法

HTTP/3でWEBページが閲覧できているか試すにはブラウザがHTTP/3に対応していなければなりません。現時点でHTTP/3に対応したChrome Canaryをインストーして試すことができます。

Windows 10 64bit版の Chrome Canary をダウンロード
インストールして以下のパスでChromeを起動

"C:\Users\Name\AppData\Local\Google\Chrome SxS\Application\chrome.exe" --enable-quic --quic-version=h3-23

  ※Nameの部分はユーザ名に入れ替えてください。

アドレスバーに以下を入力してEnter

chrome://flags/#enable-quic

「Experimental QUIC protocol」 をEnable（有効）にする

※以下のサイトでは「support for HTTP/3 (QUIC)」とありましたが、そのようなこ項目は見当たりませんでした。

- F12を押して適当なサイトを表示したときにNetworkタブを開き、Protocolの列を表示したときに **http/2+quic/99** の表示があれば **HTTP/3** でアクセスできています。

https://community.cloudflare.com/t/http-3-quic-not-detectable-in-chrome-canary-with-enable-quic-quic-version-h3-23/117812 https://community.cloudflare.com/t/http-3-quic-not-detectable-in-chrome-canary-with-enable-quic-quic-version-h3-23/117812

【追記】HTTP/3 と HTTP/2 のパフォーマンスの比較

CloudFlareのブログにて2020/04/14時点でのパフォーマンスの比較が掲載されていました。

https://blog.cloudflare.com/http-3-vs-http-2/ https://blog.cloudflare.com/http-3-vs-http-2/

またClodflareに限らずWEB全体でHTTP/3のシェアも増えてきているようです。

https://news.mynavi.jp/article/20200609-1051017/ https://news.mynavi.jp/article/20200609-1051017/

HTTP/3の対応をオンライン上で確認できるサービス

WEBサイトがHTTP/3に対応しているかURLを入力してチェックできるサイトです。

https://www.http3check.net/ https://www.http3check.net/

https://gf.dev/http3-test https://gf.dev/http3-test

WEBサイトの表示が高速化されるプロトコル「HTTP/2」と「QUIC」についてメモ

Thu, 01 Mar 2018 23:30:46 +0900

常時SSL化が当たり前になる時期が近付いています。SSL化すればWEBサイトを高速に表示できるプロトコル「HTTP/2」が使え、Chromeでは更に高速化が期待できる「QUIC」が使えるようです。それについていろいろ調べて気になることをメモ。

HTTP/2対応かURLからオンラインで確認

以下のページでURLからWEBサイトがHTTP/2に対応しているか確認できます。

https://tools.keycdn.com/http2-test https://tools.keycdn.com/http2-test

ブラウザでHTTP/2で通信しているか確認する方法

以下のページが参考になります。

https://nelog.jp/http2-browser-extensions https://nelog.jp/http2-browser-extensions

HTTP/2について

HTTP/2がなぜ高速なのかは以下のページが参考になります。

https://blog.redbox.ne.jp/http2-cdn.html https://blog.redbox.ne.jp/http2-cdn.html

https://zenlogic.jp/aossl/basic/response/ https://zenlogic.jp/aossl/basic/response/

https://lolipop.jp/http2/ https://lolipop.jp/http2/

このWEBサイトを高速に表示させるための技術として、HTTP1.1からGoogleがSPDYという高速化技術を作り、それが元でHTTP/2というのができて標準化されたそうです。

速度の違いを体感してみる

以下のページでHTTPで接続した場合と、HTTPSで接続した場合、見た目と表示完了時間で違いを視覚的に体感でできます。画面右上の「HTTP」と「HTTPS」のリンクをそれぞれクリックしてみてください。

https://www.httpvshttps.com/ https://www.httpvshttps.com/

HTTP/2が使えるブラウザ

HTTP/2はInternet Explorer 11（IE11)、Google Chrome、FireFoxなど、主要なブラウザで使えます.

Microsoft Windows 10上のInternet Explorer 11
Microsoft Edge
Google Chrome (Ver.30は設定が必要）
Mozilla Firefox (Ver.34から標準で有効)
Opera
Safari 9

その他のブラウザを含めた対応状況の参考ページ

https://caniuse.com/#feat=spdy https://caniuse.com/#feat=spdy

ブラウザだけではなくWEBサーバーのHTTP/2対応が必要

HTTP/2による通信はブラウザが対応していてもWEBサーバーというかWEBサイトがこのプロトコルに対応していないとできません。WEBサーバーが対応していなくても、CloudFlareなどのHTTP/2に対応したCDN経由で公開していれば、HTTP/2対応サイトにできます。

更に速いQUICで高速化？

GoogleがHTTP/2よりも安全で高速なレスポンスを実現するQUIC（Quick UDP Internet Connections）というTCPではなくUDPをベースにしたプロトコルを開発しているようです。

https://qiita.com/flano_yuki/items/251a350b4f8a31de47f5 https://qiita.com/flano_yuki/items/251a350b4f8a31de47f5

https://internet.watch.impress.co.jp/docs/column/ietf2017/1060156.html https://internet.watch.impress.co.jp/docs/column/ietf2017/1060156.html

https://www.iij.ad.jp/dev/tech/techweek/pdf/151111_4.pdf https://www.iij.ad.jp/dev/tech/techweek/pdf/151111_4.pdf

ChromeのQUIC関連の表示

QUICが使えるブラウザはまだChromeしかなさそうですが、ChromeでQUICに関する設定や状況表示は以下のURLをChromeのアドレスバーに入力すると表示できます。使い方はよくわかりません。

chrome://flags
chrome://net-internals/#quic

QUIC対応のレンタルサーバー

今のところ、HTTP/2とQUICに対応しているレンタルサーバーは以下だけのようです。

https://mixhost.jp/ https://mixhost.jp/

QUIC on qwerty.work