Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

WordPress で HTTP/2 Server Push を有効にする

最終更新 Markdown で表示Agent セットアップ

HTTP/2 Server Push を使うと、ページの HTML の描画を待たずに、サイトからブラウザーへコンテンツを送れます。HTTP/2 に組み込まれた同時実行と組み合わせると、サイトの読み込みに必要なリクエスト数を大幅に減らせます。

旧 URL: https://support.cloudflare.com/hc/en-us/article_attachments/115005733367/http2-server-push-2.png
記事 ID: 115002816808 | WordPress で HTTP/2 Server Push を有効にする

Cloudflare は HTTP/2 Server Push に対応しています。Cloudflare の WordPress プラグインを使うと、スタイルシートとスクリプトで有効にできます。この機能を使うには、先に Cloudflare WordPress プラグインを サイトへインストールして設定 してください。

プラグインを入れたら、wp-config.php に次の行を追加して HTTP/2 Server Push を有効にします。

define('CLOUDFLARE_HTTP2_SERVER_PUSH_ACTIVE', true);

この行は、"/* That's all, stop editing! Happy blogging. */"* と書かれている箇所の上に、次のように挿入します。

旧 URL: https://support.cloudflare.com/hc/en-us/article_attachments/115005733547/Screen_Shot_2017-02-09_at_16.09.31.png
記事 ID: 115002816808 | WordPress で HTTP/2 Server Push を有効にする

その後、Server Push で始まるリクエストが見えるようになります。たとえば Chrome の開発者ツールの Network タブでは、一部のアセットの initiator が "Push" になります。

旧 URL: https://support.cloudflare.com/hc/en-us/article_attachments/115005787688/Screen-Shot-2016-04-26-at-15-08-59.png
記事 ID: 115002816808 | WordPress で HTTP/2 Server Push を有効にする

役に立ちましたか?