HTTP/2は、ウェブサイトを強化する技術の大幅なアップグレードです。サイト訪問者のためにスピードとパフォーマンスを向上させます。
この新しいバージョンのHTTPには多くの利点がある。ウェブページの読み込みがより速く、より効率的になるのだ。
この投稿では、HTTP/2とは何か、なぜ重要なのかを説明します。また、WordPressサイトで有効化する方法も紹介します。
最後には、HTTP/2を活用してサイトのパフォーマンスを向上させる方法がわかるだろう。
HTTP/2とは何か?
HTTP/2は、オリジナルのHTTPプロトコルのリビジョンである。インターネット技術タスクフォース(IETF)によって開発され、Googleによって開発された実験的なSPDYプロトコルをベースにしている。
HTTP(Hypertext Transfer Protocol)は、コンピューター同士がインターネット上で会話するための言語のようなものだ。サイトやアプリを利用する際に、情報がやり取りされる仕組みだ。
WordPressのウェブサイトにアクセスすると、ウェブブラウザはウェブサイトを保存しているサーバーに「リクエスト」と呼ばれるメッセージを送信します。リクエストは、ページのテキスト、画像、動画などの特定の情報を要求します。
ヒント: WordPressが舞台裏でどのように機能しているかについての投稿をご覧ください。
サーバーはユーザーのリクエストを受信し、レスポンスを送り返す。このレスポンシブは、ユーザーが要求した情報がコンテナに入っているパッケージのようなものです。あなたが見るテキスト、あなたが見る写真、あるいはあなたがサイトで見る動画のようなものも含まれます。
HTTP 0.9が最初に発表されたのは1991年。その大幅なリビジョンであるHTTP 1.1が1999年に公開され、HTTP/2プロトコルが開始される2015年まで、ほとんどのサイトはHTTP 1.1で運営されていた。
HTTP/2は、最新のウェブサーバーソフトウェア(Apache、Nginx、Litespeedなど)やブラウザーですべてサポートされているが、SSL証明書がインストールされていない場合、多くのサイトはまだHTTP 1.1で動作している。
IETFは現在、次期バージョンのHTTP/3を提案している。これはTCPの代わりにQUIC(Quick UDP Internet Connections)を使用し、HTTP/2よりもはるかに高速になると予想されている。
HTTP2とHTTPの違いは?
HTTP 1.1プロトコルは、優先順位をつけずにデータリクエストを送信した。つまり、サイトのhead内にJavaScriptファイルへの参照がある場合、そのファイルは他のコンテンツよりも先に読み込まれる。
このため、ユーザーにはサイトが遅く見え、期待するコンテンツを見ることができない。
HTTP/2プロトコルは、バイナリ個別ストリームを使用してリクエストを送受信し、優先順位付けをサポートする。これは、開発者がサーバーにどのデータを最初に送信するかを指示できることを意味します。
HTTP/2プロトコルはまた、HTTPヘッダーの圧縮と多重化を使用し、ページ読み込みのパフォーマンスをさらに向上させる。
新しいプロトコルには、HTTP/2サーバープッシュもサポートされている。これにより、開発者はユーザーからリクエストされることなく、ユーザーのブラウザーにデータをプッシュすることができる。
要約すると、HTTP/2はHTTP 1.1よりも高速で、WordPressの速度とパフォーマンスを大幅に向上させます。
WordPressでHTTP/2を使うには何が必要か?
まず、HTTP/2をサポートする最新のサーバーソフトウェアを提供するホスティングサービス会社が必要です。また、WordPressサイトにSSL証明書をインストールする必要があります。
WordPressホスティングサービスのトップ企業のほとんどは、すでに最先端のWebサーバーソフトウェアを使用しています。
HTTP/2を初期設定で有効化した最新のApacheウェブサーバーソフトウェアを使用しているBluehostを使用することをお勧めします。
幸いなことに、Bluehostの人々は、WPBeginnerユーザーに無料のドメイン名とSSL証明書付きの特別割引を提供しています。
その他のホスティングサービス会社としては、SiteGround、 Hostinger、WP Engineをお勧めします。これらはすべて無料のSSL証明書とHTTP/2をサポートする最新のサーバーソフトウェアを提供しています。
WordPressでHTTP/2を有効化する方法
WordPressでHTTP/2サポートを有効化するための唯一の必須条件は、SSL証明書をインストールすることです。
これは公式の必須要件ではない。しかし、Google Chromeのような主要なブラウザーは、安全でないURLではHTTP/2をサポートしていない。
あなたのサイトがSSLを使用している場合、URLのプレフィックスは次のようにhttps://:
https://wpbeginner.com
また、あなたのサイトにアクセスすると、ブラウザーのアドレスバーに南京錠のアイコンが表示されます。
あなたのサイトがSSL証明書を使用していない場合は、WordPressホスティングサービスプロバイダに依頼してインストールしてもらうことができます。
さらにヘルプが必要ですか?WordPress で HTTP から HTTPS に移行する方法についてのチュートリアルをご覧ください。
SSLを有効化すると、WordPressサイトはほぼ間違いなくHTTP/2プロトコルで提供されるようになります。
サイトのHTTP/2サポートをテストする
WordPressサイトがHTTP/2経由でページを提供しているかどうかをテストするには、2つの方法があります。
まず、HTTP2.Proにアクセスし、あなたのサイトのURLを入力してください。この無料オンラインツールは、あなたのサイトがHTTP/2をサポートしているかどうかを教えてくれる。
あなたのサイトがHTTP/2でページを提供しているかどうかを確認する、より効果的なもう1つの方法は、Chrome開発者ツールを使用することです。
Google Chromeで新しいブラウザーウィンドウを開き、サイトにアクセスするだけです。その後、新しいブラウザータブを開き、アドレスバーにchrome://net-export
URLを入力します。
ChromeはJSONファイルをコンピューターに保存するように指示します。
ファイルを保存したら、ネットログ・ビューワー・アプリにアクセスし、「ファイルを選択」ボタンをクリックします。
先にダウンロードしたnetlogファイルを選択して続行します。
すると、アプリはファイルを読みやすい形式で表示する。左カラムのHTTP/2タブをクリックすると、h2としてHTTP/2プロトコルを使用している訪問したすべてのサイトが表示されます。
この投稿が HTTP/2 と WordPress でそれを有効化する方法について知っていただく一助となれば幸いです。また、WordPress のスピードとパフォーマンスに関する完全ガイドや、WordPress の専門家が選ぶスピードアップに最適なキャッシュプラグインもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
THANKGOD JONATHAN
I was on the fence about enabling HTTP/2 on my site, but this article convinced me to give it a try. The explanation of the benefits was clear and concise, and the steps for enabling it were easy to follow. Thanks!
Jiří Vaněk
Thanks for the guide. I have my own server, and as a newcomer, I had to do everything myself. Many things were new to me, like HTTP/1 and HTTP/2, creating SSL certificates using Certbot, and much more. I must say, these and many other guides helped me, especially at the beginning, to set up the server properly and make everything work as it should.
WPBeginner Support
Happy to hear our guide was one of the ones to help you
管理者
Ralph
I used the http2 website and it says: “This server supports http/2” just like in your screen in the guide.
But I don’t understand. Does it mean it is already on http2? Or is it only ready and I should do something to enable http2?
WPBeginner Support
It likely is but if you wanted to be extra certain you would use the other method to confirm that you are using HTTP/2
管理者