Fundebug网站升级HTTP/2，真的变快了！

作为新一代的HTTP协议，HTTP/2可以提高网站性能，优化用户体验，Fundebug也是时候升级HTTP/2了，虽然已经有点晚了。

升级HTTP/2是一件很简单的事情，改1行Nginx配置就好了，但是，工程师只知道How是远远不够的，还需要理解Why，这就要求我们需要足够的事先调研（1. 什么是HTTP/2？）以及事后分析（4. 升级HTTP/2真的提高性能了吗？）。

1. 什么是HTTP/2？

HTTP/2是新一代的HTTP协议，于2015正式发布。

与其他众多Web技术标准一样，推动HTTP/2标准的依然是Google。发布Chrome的时候Google说过要推动Web技术的发展，然后它真的做到了。（JavaScript深入浅出第5课：Chrome是如何成功的？）

根据W3Techs的统计，截止2019年10月26日，全世界41.3%的网站已经使用了HTTP/2。

根据Can I use，绝大多数浏览器都支持了HTTP/2：

HTTP/2主要有以下几个特性：

• HTTP/2为二进制协议

图片来源：Valentin V. Bartenev

由上图可知，HTTP/1.1传输的是文本数据，而HTTP/2传输的是二进制数据，提高了数据传输效率。

• HTTP/2支持TCP连接多路复用

图片来源：Factory.hr

由上图可知，HTTP 1.1需要为不同的HTTP请求建立单独的TCP连接，而HTTP/2的多个HTTP请求可以复用同一个TCP连接。

要知道，建立TCP连接时需要3次握手，再加上TLS的4次握手，加起来就是7次握手，如果可以复用TCP连接的话，则可以减少这些多余的开销。

• HTTP/2会压缩请求Header

图片来源：运维实谈

如上图所示，第2个请求的Header只有:path不一样，因此压缩空间非常可观。

Headers压缩的算法HPACK本身似乎很复杂(其实也不难)，但是算法思想其实非常简单的，假设我们在浏览器发起100个请求，它们的user-agent是不会变的，那我们为什么需要重复传输这个长长的字符串呢？用dictionary记录一次不就行了！

• HTTP/2支持服务器推送(Server Push)

图片来源：lujjjh

由上图可知，当客服端向服务端请求HTML时，Server Push服务端可以提前返回HTML所依赖的css、js等资源，这样可以节省解析HTML以及请求资源的时间，从而缩短页面的加载时间。

2. 如何升级HTTP/2？

我们使用了Nginx作为前端页面与后端接口的反向代理服务器(Reverse Proxy)，只需要修改一下Nginx配置文件就可以升级HTTP/2了，非常简单。

注意，在 Nginx 上 开启 HTTP/2 需要 Nginx 1.9.5 以上版本（包括1.9.5），并且需要 OpenSSL 1.0.2 以上版本(包括1.0.2)。使用nginx -V命令可以查看Nginx的版本信息：

nginx -V
nginx version: nginx/1.12.1
built by gcc 6.3.0 20170516 (Debian 6.