サイトアイコン Capital P

[翻訳] HTTP/2 時代におけるパフォーマンスの最適化

宮内隆行

Yoast SEO プラグインで有名な Yoast のブログに、Joost de Valk 氏が HTTP/2 に関する記事を投稿したのが目に留まったのでこの記事を翻訳しました。

Performance optimization in an HTTP/2 world

HTTP/2 時代におけるパフォーマンスの最適化

Webの基盤に革命が起こっています。あなたのブラウザがウェブサイトに接続するためのプロトコルである HTTP には、HTTP/2 という新しいバージョンがあります。これはまだ十分に普及されているわけではありませんが、WEB 開発者にとってはパフォーマンスの最適化の方法が変わるものです。この短い記事では、HTTP/2 におけるパフォーマンス最適化のベストプラクティスとその理由を説明します。

何が変わった？

HTTP/2 において知っておくべきもっとも重要なことは、それぞれのファイルに対して個別の HTTP 接続を必要としないことです。このことは、パフォーマンスの最適化の方法を大きく変更します。HTTP/1 及び HTTP1/.1 では、JS や CSS、画像ファイルごとに別々の接続を繰り返していたので、これらを結合してブラウザとサーバー間の接続を減らす工夫が必要でした。HTTP/2 の世界では、この種の最適化は不要となり、場合によっては逆効果となる可能性もあります。

HTTP/2はすでに使用できますか？

答えはかなり単純です。はい。あなたのサイトが HTTPS で動作しているなら、現在の全ての主要なブラウザは HTTP/2 をサポートしています。あなたやあなたのホスティング会社は、HTTP/2 をサポートできるようにサーバーの設定を変更する必要がありますが、それだけです。古いブラウザの中にはそれを使用できないものもありますが、それでもあなたのサイトは引き続きそのブラウザで動作します。

HTTP/2 を使用することができるのは理解できましたが、私は使用するべきですか？

はい、HTTP/2 を使用するべきです。それは昔ながらの HTTP/1 よりもずっと高速で、もしあなたが HTTP/2 を設定すれば、あなたのサイトへの訪問者の大半は大きな利益を得ることができます。

変更されたパフォーマンスのベストプラクティス

次のパフォーマンス上のベストプラクティスは、HTTP/2 では不要となりました。

Google PageSpeed と HTTP/2

残念ながら、Google の PageSpeed ツールや他の多くの WEB パフォーマンステストツールでは、HTTP/2 の採用がかなり遅いです。彼らはガイドラインを変更する必要があります。A simple HTTP/2.0 test tool を使用すれば、あなたのサイトが HTTP/2 を使用しているかどうかを確認できます。サイトスピードに関するいくつかの提案については議論する必要があるでしょう。彼らのドキュメンテーションにはネットワークラウンドトリップについて言及されていますが、HTTP/2 においてはこれは問題にはなりません。

もちろん Google にもこのことを認識している人はいます。2015年の Ilya Gregorik によるこのプレゼンテーションはそのことを物語っています。

宮内隆行

HTTP/2 については、実際に WordPress の投稿画面などで体験すると、まるでデスクトップアプリケーションのようにドンっと表示されます。

HTTP/2 を採用するには常時 SSL化が必須となりますが、Let’s Encrypt の登場により、SSLを導入することによるコスト的な問題や運用上の問題も大幅に改善されました。

そうそう、このブログも HTTP/2 で稼働しています。
モバイルバージョンを終了