HTTP/2以前版的头信息（header）是直接传输文本，现在是压缩后传输。原来是同一个 TCP 连接里面，上一个回应（response）发送完了，做事器才能发送下一个，现在可以多个回应一起发送。
做事器推送（server push）是 HTTP/2 协议里面唯一一个须要开拓者自己配置的功能。其他功能都是做事器和浏览器自动实现，不须要开拓者关心。
本文详细先容新一代HTTP/2做事器推送技能（server push）的事理和配置方法等，更多资料请见IETF的http标准事情组掩护的HTTP/2资料页：https://http2.github.io/。
（本文同步发布于：http://www.52im.net/thread-1795-1-1.html）
2、系列文章
本文是系列文章中的第4篇，本系列大纲如下：
《脑残式网络编程入门(一)：随着动画来学TCP三次握手和四次挥手》《脑残式网络编程入门(二)：我们在读写Socket时，究竟在读写什么？》《脑残式网络编程入门(三)：HTTP协议必知必会的一些知识》《脑残式网络编程入门(四)：快速理解HTTP/2的做事器推送(Server Push)》（本文）3、传统的网页要求办法下面是一个非常大略的 HTML 网页文件index.html：
<!DOCTYPE html>
<html>
<head>
<link rel=\公众stylesheet\"大众 href=\公众style.css\"大众>
</head>
<body>
<h1>hello world</h1>
<img src=\"大众example.png\公众>
</body>
</html>
这个网页包含一张样式表style.css和一个图片文件example.png。为了渲染这个网页，浏览器会发出三个要求。
第一个要求是index.html：
GET /index.html HTTP/1.1
做事器收到这个要求，就把index.html发送给浏览器。
浏览器创造里面包含了样式表和图片，于是再发出两个要求：
GET /style.css HTTP/1.1
GET /example.png HTTP/1.1
这便是传统的网页要求办法，它有两个问题：
一是至少须要两轮 HTTP 通信；二是收到样式文件之前，网页都会显示一片空缺，这个阶段一旦超过2秒，用户体验就会非常不好。4、传统办法的改进一种办理办法便是：把外部资源合并在网页文件里面，减少 HTTP 要求。比如，把样式表的内容写在<style>标签之中，把图片改成 Base64 编码的 Data URL。
另一种方法便是资源的预加载（preload）：网页预先见告浏览器，立即下载某些资源。比如，上例可以写成下面这样：
<link rel=\公众preload\公众 href=\"大众/styles.css\"大众 as=\"大众style\公众>
<link rel=\"大众preload\"大众 href=\公众/example.png\公众 as=\公众image\"大众>
对付上例来说，preload命令并没有什么帮助。但是，如果前一个网页就利用这个命令，预加载后一个网页须要的资源，那么用户打开后一个网页时，就会觉得速率飞快。
这两种方法都有缺点：
第一种方法虽然减少了 HTTP 要求，但是把不同类型的代码合并在一个文件里，违反了分工原则；第二种方法只是提前了下载韶光，并没有减少 HTTP 要求。5、做事器推送的观点HTTP/2的做事器推送技能（server push）指的是，还没有收到浏览器的要求，做事器就把各种资源推送给浏览器。
比如：浏览器只要求了index.html，但是做事器把index.html、style.css、example.png全部发送给浏览器。这样的话，只须要一轮 HTTP 通信，浏览器就得到了全部资源，提高了性能。
6、Nginx对HTTP/2做事端器推送技能的支持和实现Nginx 从 1.13.9 版开始，支持做事器推送。我在《Nginx 容器教程》一文中已经先容并做好了 Nginx 容器，接着就来体验一下。
首先，进入事情目录，把原来的首页删除：
$ cd nginx-docker-demo
$ rm html/index.html
然后，新建html/index.html文件，写入本文第一节的网页源码。
其余，html子目录下面，还要新建两个文件example.png和style.css。前者可以随便找一张 PNG 图片，后者要在里面写一些样式：
h1 {
color: red;
}
末了，打开配置文件conf/conf.d/default.conf，将 443 端口的部分改成下面的样子：
server {
listen 443 ssl http2;
server_name localhost;
ssl on;
ssl_certificate /etc/nginx/certs/example.crt;
ssl_certificate_key /etc/nginx/certs/example.key;
ssl_session_timeout 5m;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_protocols SSLv3 TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
http2_push /style.css;
http2_push /example.png;
}
}
实在便是末了多了两行http2_push命令。它的意思是，如果用户要求根路径/，就推送style.css和example.png。
现在可以启动容器了：
$ docker container run \
--rm \
--name mynginx \
--volume \"大众$PWD/html\公众:/usr/share/nginx/html \
--volume \"大众$PWD/conf\"大众:/etc/nginx \
-p 127.0.0.2:8080:80 \
-p 127.0.0.2:8081:443 \
-d \
nginx
打开浏览器，访问 https://127.0.0.2:8081 。浏览器会提示证书不屈安，不去管它，连续访问，就能看到网页了。
网页上看不出来做事器推送，必须打开\"大众开拓者工具\"大众，切换到 Network 面板，就可以看到实在只发出了一次要求，style.css和example.png都是推送过来的：
查看完毕，关闭容器：
$ docker container stop mynginx
7、Apache 做事器上的实现Apache 也类似，可以在配置文件httpd.conf或者.htaccess里面打创办事器推送：
<FilesMatch \"大众\index.html$\"大众>
Header add Link \公众</styles.css>; rel=preload; as=style\"大众
Header add Link \"大众</example.png>; rel=preload; as=image\"大众
</FilesMatch>
8、做事器推送的另一种实现方法：后端实现上面的做事器推送，须要写在做事器的配置文件里面。这显然很未便利，每次修正都要重启做事，而且运用与做事器的配置不应该混在一起。
做事器推清偿有另一个实现方法，便是后端运用产生 HTTP 回应的头信息Link命令。
做事器创造有这个头信息，就会进行做事器推送：
Link: </styles.css>; rel=preload; as=style
如果要推送多个资源，就写成下面这样。
如果要推送多个资源，就写成下面这样：
Link: </styles.css>; rel=preload; as=style, </example.png>; rel=preload; as=image
可以参考 Go、Node、PHP 的实现范例。
这时，Nginx 的配置改成下面这样：
server {
listen 443 ssl http2;
# ...
root /var/www/html;
location = / {
proxy_pass http://upstream;
http2_push_preload on;
}
}
如果做事器或者浏览器不支持 HTTP/2，那么浏览器就会按照 preload 来处理这个头信息，预加载指定的资源文件。
事实上，这个头信息便是 preload 标准提出的，它的语法和as属性的值都写在了标准里面。
9、缓请安题做事器推送有一个很麻烦的问题。所要推送的资源文件，如果浏览器已经有缓存，推送便是摧残浪费蹂躏带宽。纵然推送的文件版本更新，浏览器也会优先利用本地缓存。
一种办理办法是，只对第一次访问的用户开启做事器推送。
下面是 Nginx 官方给出的示例，根据 Cookie 判断是否为第一次访问：11
server {
listen 443 ssl http2 default_server;
ssl_certificate ssl/certificate.pem;
ssl_certificate_key ssl/key.pem;
root /var/www/html;
http2_push_preload on;
location = /demo.html {
add_header Set-Cookie \"大众session=1\"大众;
add_header Link $resources;
}
}
map $http_cookie $resources {
\"大众~session=1\"大众 \"大众\公众;
default \"大众</style.css>; as=style; rel=preload\公众;
}
10、利用HTTP/2做事端推送带来的性能提升做事器推送可以提高性能。网上测评的结果是，打开这项功能，比不打开时的 HTTP/2 快了8%，比将资源都嵌入网页的 HTTP/1 快了5%。
可以看到，提升程度也不是特殊多，大概是几百毫秒。而且，也不建议一次推送太多资源，这样反而会拖累性能，由于浏览器不得不处理所有推送过来的资源。只推送 CSS 样式表可能是一个比较好的选择。
（本文同步发布于：http://www.52im.net/thread-1795-1-1.html）
附录：更多网络编程文章精选如果您以为《脑残式网络编程入门》系列文章过于根本，您可直接阅读以下系列：
《网络编程《不为人知的网络编程(一)：浅析TCP协议中的疑难杂症(上篇)》《不为人知的网络编程(二)：浅析TCP协议中的疑难杂症(下篇)》《不为人知的网络编程(三)：关闭TCP连接时为什么会TIME_WAIT、CLOSE_WAIT》《不为人知的网络编程(四)：深入研究剖析TCP的非常关闭》《不为人知的网络编程(五)：UDP的连接性和负载均衡》《不为人知的网络编程(六)：深入地理解UDP协议并用好它》关于移动端网络特性及优化手段的总结性文章请见：
《当代移动端网络短连接的优化手段总结：要求速率、弱网适应、安全保障》《移动端IM开拓者必读(一)：普通易懂，理解移动网络的“弱”和“慢”》《移动端IM开拓者必读(二)：史上最全移动弱网络优化方法总结》
