升級(jí)nginx支持HTTP/2服務(wù)端推送的方法
內(nèi)容概覽
NGINX從1.13.9版本開(kāi)始支持HTTP/2服務(wù)端推送，上周找時(shí)間升級(jí)了下NGINX，在博客上試驗(yàn)新的特性。
升級(jí)工作主要包括：
- 升級(jí)NGINX
- 修改NGINX配置
- 修改wordpress主題
升級(jí)NGINX到1.14.0
1、配置nginx官方的yum源。創(chuàng)建配置文件 /etc/yum.repos.d/nginx.repo ，寫(xiě)入如下內(nèi)容
[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、驗(yàn)證nginx版本
$ curl -I 127.0.0.1 HTTP/1.1 301 Moved Permanently Server: nginx/1.14.0
修改NGINX配置
在原有的配置上，加上 http2_push_preload on; 。當(dāng)nginx檢測(cè)到 link 響應(yīng)首部時(shí)，會(huì)主動(dòng)往客戶(hù)端推送資源。
location ~ \.php$ {
# ...省略其他配置
http2_push_preload on; # 加上這行
}
修改WordPress主題
NGINX的 http2_push_preload 需要應(yīng)用服務(wù)的配合。比如我要主動(dòng)推送 index.js 這個(gè)文件，那么需要加上如下響應(yīng)首部：
link: </index.js>; as=script; rel=preload
也可以同時(shí)推送多個(gè)文件，比如：
link: </index.js>; as=script; rel=preload, </index.css>; as=style; rel=preload
具體到WordPress，可以加上如下代碼：
function add_http2_push_header() {
$preload_resource_array = array(
'</index.js>; as=script; rel=preload',
'</index.css>; as=style; rel=preload'
);
$preload_link_value = join( ', ', $preload_resource_array );
header( 'link: '.$preload_link_value );
}
add_action( 'send_headers', 'add_http2_push_header' );
瀏覽器驗(yàn)證
升級(jí)之前，不支持服務(wù)端推送。
升級(jí)之后，支持服務(wù)端推送。
相關(guān)鏈接
https://www.nginx.com/blog/nginx-1-13-9-http2-server-push/
http://nginx.org/en/docs/http/ngx_http_v2_module.html#http2_push_preload
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Nginx多ip部署多站點(diǎn)的實(shí)現(xiàn)步驟
使用Nginx在具有多個(gè)IP地址的服務(wù)器上部署多個(gè)站點(diǎn),從而實(shí)現(xiàn)高效、安全的網(wǎng)站托管,本文主要介紹了Nginx多ip部署多站點(diǎn)的實(shí)現(xiàn)步驟,感興趣的可以了解一下2024-01-01
本文主要介紹了nginx?流控使用的項(xiàng)目實(shí)踐2024-03-03
nginx基礎(chǔ)配置說(shuō)明一則，有需要的朋友可以參考下2013-02-02
這篇文章主要介紹了nginx中的健康檢查方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要給大家介紹了關(guān)于Nginx日志自定義記錄以及啟用日志緩沖區(qū)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Nginx具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
本篇文章主要介紹了Nginx location 匹配規(guī)則，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
Nginx?Config?是一款可以一鍵生成?Nginx?配置的神器，相當(dāng)給力，這篇文章主要介紹了強(qiáng)大的Nginx配置生成器,需要的朋友可以參考下2022-11-11
Nginx訪問(wèn)靜態(tài)資源配置的實(shí)現(xiàn)步驟
Nginx 擅長(zhǎng)于底層服務(wù)器端資源的處理,例如靜態(tài)資源處理轉(zhuǎn)發(fā)、反向代理,負(fù)載均衡等,本文主要介紹了Nginx訪問(wèn)靜態(tài)資源配置的實(shí)現(xiàn)步驟,具有一定的參考價(jià)值,感興趣的可以了解一下2023-09-09
Nginx出現(xiàn)403 Forbidden的四種解決方案分享
這篇文章主要給大家分享了關(guān)于Nginx出現(xiàn)403 Forbidden的四種解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-09-09
本文的需求：讓nginx能夠解析.cgi后綴的文件，相信會(huì)特意看這篇文章的人對(duì)CGI是什么及其作用已經(jīng)有了足夠的了解，所以在這里不再贅述，直接開(kāi)始配置。2017-02-02