HTTP/2 서버 푸시를 지원하도록 nginx를 업그레이드하는 방법

nginx를 1.14.0으로 업그레이드하세요

1. nginx의 공식 yum 소스를 구성하세요. 구성 파일 /etc/yum.repos.d/nginx.repo를 생성하고 다음 내용을 작성합니다/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

2. nginx

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

3를 업데이트합니다. nginx 버전을 확인합니다.

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; );

nginx 구성 수정

원래 구성에 http2_push_preload on;을 추가하세요. nginx가 link 응답 헤더를 감지하면 리소스를 클라이언트에 적극적으로 푸시합니다.

rrreee

워드프레스 테마 수정

nginx의 http2_push_preload는 애플리케이션 서비스의 협조가 필요합니다. 예를 들어 index.js 파일을 적극적으로 푸시하려면 다음 응답 헤더를 추가해야 합니다.

rrreee

다음과 같이 여러 파일을 동시에 푸시할 수도 있습니다. rrreee

특히 wordpress의 경우 다음 코드를 추가할 수 있습니다: 🎜rrreee🎜🎜브라우저 확인🎜🎜🎜업그레이드하기 전에는 서버 푸시가 지원되지 않습니다. 🎜🎜🎜🎜🎜업그레이드 후 서버 푸시가 지원됩니다. 🎜🎜🎜🎜

위 내용은 HTTP/2 서버 푸시를 지원하도록 nginx를 업그레이드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!