私たちはWordPressサイトを微調整して、可能な限りの速度を引き出しています。画像を圧縮し、CSSを最小化し、キャッシュプラグインを使用しています。HTTP/2が登場したとき、WPBeginnerがこの最新プロトコルをサポートしていることを確認し、訪問者が速度の恩恵を受けられるようにしました。
HTTP/2の優れた点は、複数のリクエストを同時に処理できることです。これにより、WordPressサイトは画像、CSS、JavaScriptファイルをすべて一度に読み込むことができ、訪問者にとってよりスムーズなエクスペリエンスが生まれます。
検索ランキングとユーザーエクスペリエンスを向上させる重要なパフォーマンス改善を見逃さないでください。WordPressサイトでHTTP/2を有効にする方法と、それがウェブサイトのパフォーマンス向上において最も簡単な成果の1つである理由を正確に説明します。

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/2は、最新のWebサーバーソフトウェア(例: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 Server Pushのサポートも含まれています。これにより、開発者はユーザーがリクエストしなくても、ユーザーのブラウザにデータをプッシュできます。
要約すると、HTTP/2はHTTP 1.1よりも高速であり、WordPressの速度とパフォーマンスを大幅に向上させます。
WordPressでHTTP/2を使用するために必要なものは?
まず、HTTP/2をサポートする最新のサーバーソフトウェアを提供するホスティング会社が必要です。また、WordPressウェブサイトにSSL証明書をインストールする必要があります。
主要なWordPressホスティング企業のほとんどは、すでに最先端のWebサーバーソフトウェアを使用しています。
最新のApache Webサーバーソフトウェアを使用し、HTTP/2サポートがデフォルトで有効になっている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に移行する方法に関するチュートリアルをご覧ください。WordPressでHTTPからHTTPSに移行する方法。
SSL を有効にすると、WordPress ウェブサイトはほぼ確実に HTTP/2 プロトコルで提供されるようになります。
ウェブサイトのHTTP/2サポートのテスト
WordPressウェブサイトがHTTP/2経由でページを提供しているかどうかをテストするには、2つの方法があります。
まず、KeyCDN ToolsのHTTP/2テストページにアクセスし、ウェブサイトのURLを入力します。この無料のオンラインツールが、あなたのウェブサイトがHTTP/2をサポートしているかどうかを教えてくれます。

ウェブサイトがHTTP/2でページを提供しているかどうかを確認する、より効果的な方法の1つは、Chromeの開発者ツールを使用することです。
Google Chromeで新しいブラウザウィンドウを開き、ウェブサイトにアクセスします。その後、新しいブラウザタブを開き、アドレスバーにchrome://net-export URLを入力します。

次に、ChromeはJSONファイルをコンピューターに保存するように求めます。
ファイルを保存したら、netlog viewer アプリにアクセスし、「ファイルを選択」ボタンをクリックしてください。

前にダウンロードしたnetlogファイルを選択して続行します。
アプリはファイルを読みやすい形式で表示します。左側の列にあるHTTP/2タブをクリックすると、HTTP/2プロトコルをh2として使用していた訪問したすべてのウェブサイトが表示されます。

HTTP/2とWordPressに関するよくある質問
ここでは、HTTP/2とWordPressでの動作に関する最も一般的な質問のいくつかを説明します。これらの回答は、技術的な詳細と実装プロセスをよりよく理解するのに役立ちます。
1. WordPress サイトで HTTP/2 を有効にするために、何か特別なことをする必要がありますか?
いいえ、プラグインをインストールしたり、コードを変更したりする必要はありません。唯一の要件は、ウェブサイトにSSL証明書がインストールされていることです。HTTPSが有効になると、ホスティングプロバイダーのサーバーソフトウェアは自動的にHTTP/2プロトコルを使用してサイトを提供します。 Bluehost、SiteGround、WP Engineのようなほとんどの最新のホスティング会社は、デフォルトでHTTP/2をサポートしています。
2. 古いホスティングプロバイダーを利用している場合、HTTP/2 は私のウェブサイトを遅くしますか?
HTTP/2はウェブサイトを遅くしませんが、古いホスティングプロバイダーはまったくサポートしていない場合があります。ホスティング会社が古いサーバーソフトウェアを使用している場合、サイトはHTTP/1.1で実行され続けます。ただし、HTTP/2をサポートする最新のホスティングプロバイダーにアップグレードすることをお勧めします。これにより、サイトのパフォーマンスと読み込み速度が大幅に向上します。
3. SSL証明書なしでHTTP/2を使用できますか?
技術的には、HTTP/2はSSLを必要としませんが、すべての主要なブラウザ(Chrome、Firefox、Safari、Edge)はHTTPS接続経由のHTTP/2のみをサポートしています。これは、SSL証明書がないと、訪問者はHTTP/2の速度向上から恩恵を受けられないことを意味します。SSL証明書の取得は、HTTP/2が正しく機能するために不可欠です。
4. HTTP/2を使用すると、WordPressサイトはどのくらい速くなりますか?
HTTP/2 を使用するウェブサイトは、HTTP/1.1 を使用するウェブサイトよりも最大 20% 高速に読み込めることが研究で示されています。実際の速度向上は、サイトの複雑さと読み込むファイル数によって異なります。多くの画像、CSS ファイル、JavaScript ファイルを持つサイトは、HTTP/2 が複数のファイルを同時に読み込めるため、最大のパフォーマンス向上を実感できます。
5. HTTP/2はWordPressのキャッシュプラグインと互換性がありますか?
はい、HTTP/2は、WP Rocket、W3 Total Cache、WP Super Cacheなどのすべての一般的なWordPressキャッシュプラグインと完全に連携します。実際、HTTP/2とキャッシュプラグインを併用することで、さらに優れたパフォーマンス結果が得られます。キャッシュプラグインはファイルを最適化し、HTTP/2はそれらを訪問者に効率的に配信します。
6. HTTP/2とHTTP/3の違いは何ですか?
HTTP/3は現在開発中の最新バージョンであり、さらに高速な接続のためにTCPの代わりにQUICプロトコルを使用します。しかし、HTTP/2は依然として現在の標準であり、HTTP/1.1よりも大幅な速度向上を提供します。HTTP/3のサポートはまだ限定的で、広く利用可能ではないため、ほとんどのウェブサイトはまずHTTP/2の実装に注力すべきです。
この記事が、HTTP/2について、またWordPressで有効にする方法について学ぶのに役立ったことを願っています。また、WordPressの速度とパフォーマンスに関する完全なガイドや、速度を向上させるための最高のWordPressキャッシュプラグインの専門家による選択もご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。

サミュエル
この記事をありがとうございます。SSLがあるためHTTP/2の方が安全であることは知っていましたが、HTTPとHTTP2の違いについてよく疑問に思っていました。この記事でその違いが明確になりました。HTTPはデータを上から下へ順番に送信するという古い知識にとらわれていたことに気づきました。もちろん、HTTP/2の多重化と優先順位付けによる送信の効率性の高さについて、この記事で気づかされました。この発見は、今後のUX向上とウェブアプリケーションの高速化のために、コードの設計方法を大きく改善するでしょう。この記事を読んで、HTTP/2テクノロジーを詳細に再学習したくなりました。本当にありがとうございます。
デビッド・リム
私たちのサイトを高速化するために最適化できる多くの要因があります。これはそのような要因の1つです。あなたの執筆に感謝します。
THANKGOD JONATHAN
サイトでHTTP/2を有効にするかどうか迷っていましたが、この記事を読んで試してみることにしました。メリットの説明は明確かつ簡潔で、有効化の手順も分かりやすかったです。ありがとうございます!
イジー・ヴァネック
ガイドをありがとうございます。私は自分のサーバーを持っており、初心者だったので、すべてを自分でやらなければなりませんでした。HTTP/1やHTTP/2、Certbotを使ったSSL証明書の作成など、多くのことが私にとって新しいことでした。これらのガイドや他の多くのガイドが、特に最初の頃、サーバーを正しく設定し、すべてが期待通りに動作するようにするのに役立ったと言わざるを得ません。
WPBeginnerサポート
Happy to hear our guide was one of the ones to help you
管理者
ラルフ
http2のウェブサイトを使用しました。ガイドの画面と同じように「このサーバーはhttp/2をサポートしています」と表示されます。
しかし、理解できません。これはすでにhttp2が有効になっているということでしょうか?それとも、準備ができているだけで、http2を有効にするために何かをする必要があるということでしょうか?
WPBeginnerサポート
おそらくそうですが、さらに確実にするために、別の方法を使用して HTTP/2 を使用していることを確認します。
管理者