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

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

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

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

Link

Http/2 Test - Verify Http/2 Support | Keycdn Tools

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

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

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

Link

「Http/2通信されているか?」をブラウザで手軽に判別する方法

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

HTTP/2について

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

Link

Http/2の特徴 Http/1.1との違いについて | Redbox Labo

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

Link

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

Link

Http/2とは? - ロリポップ!レンタルサーバー

https://lolipop.jp/http2/

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

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

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

Link

Http Vs Https — Test Them Both Yourself

https://www.httpvshttps.com/

HTTP/2が使えるブラウザ

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

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

Link

Can I Use... Support Tables For Html5, Css3, Etc

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をベースにしたプロトコルを開発しているようです。

Link

Quicの現状確認をしたい (2018/1) #ietf - Qiita

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

Link

Tcp+tlsに代わる高速プロトコル、Google生まれの「Quic」の特徴と標準化の行方【ietfトピックス2016-17】 - Internet Watch

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

Link

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

ChromeのQUIC関連の表示

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

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

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

Link

Wordpressにおすすめ!レンタルサーバー|Mixhost (ミックスホスト)

https://mixhost.jp/

PAGETOP