HTTP/2 サーバープッシュをサポートするために nginx をアップグレードする方法

nginx を 1.14.0

にアップグレードします1. nginx の公式 yum ソースを設定します。設定ファイル /etc/yum.repos.d/nginx.repo を作成し、次の内容を記述します

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1

2. nginx

yum update

3 を更新します. nginx# を再起動します# #

systemctl restart nginx

4. nginx のバージョンを確認します

$ curl -i 127.0.0.1
http/1.1 301 moved permanently
server: nginx/1.14.0

nginx 設定を変更します

元の設定に

http2_push_preload on; を追加します。 nginx が link 応答ヘッダーを検出すると、リソースをクライアントにアクティブにプッシュします。

location ~ \.php$ {
  # ...省略其他配置
  http2_push_preload on; # 加上这行
}

WordPress テーマを変更する

nginx の

http2_push_preload には、アプリケーション サービスの協力が必要です。たとえば、ファイル index.js をアクティブにプッシュしたい場合は、次の応答ヘッダーを追加する必要があります。

link: </index.js>; as=script; rel=preload

また、次のような複数のファイルを同時にプッシュすることもできます。 :

link: </index.js>; as=script; rel=preload, ; as=style; rel=preload

特定の wordpress に、次のコードを追加できます:

function add_http2_push_header() {
  $preload_resource_array = array(
    &#39;</index.js>; as=script; rel=preload&#39;,
    &#39;</index.css>; as=style; rel=preload&#39;
  );
  $preload_link_value = join( &#39;, &#39;, $preload_resource_array );

  header( &#39;link: &#39;.$preload_link_value ); 
}
add_action( &#39;send_headers&#39;, &#39;add_http2_push_header&#39; );

ブラウザ検証

アップグレードする前は、サーバー プッシュはサポートされていません。

# アップグレード後は、サーバー プッシュがサポートされます。

以上がHTTP/2 サーバープッシュをサポートするために nginx をアップグレードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。