你该用HTTP2了

更多内容,欢迎关注微信公众号:全菜工程师小辉。公众号回复关键词,领取免费学习资料。css

HTTP版本简史

  • HTTP/0.9:
    (1991年)基于GET请求的文本传输协议
  • HTTPS:
    (1994年)安全的HTTP传输协议
  • HTTP/1.0:
    (1996年)增长HTTP头、扩展PUT、POST等方法
  • HTTP/1.1:
    (1999年)长链接、流水线支持,最普遍使用的HTTP传输协议
  • SPDY:
    (2012年)针对HTTP的加强,工做在SSL层之上、HTTP层之下
  • HTTP/2:
    (2015年)二进制格式、多路复用、服务器“推送”、头部压缩

HTTP/2的开发基于SPDY进行跃进式改进在诸多修改中,最显著的改进在于,HTTP/2使用了一份通过定制的压缩算法,基于霍夫曼编码,以此替代了SPDY的动态流压缩算法,以免对协议的Oracle攻击——这一类攻击以CRIME为表明。此外,HTTP/2禁用了诸多加密包,以保证基于TLS的链接的前向安全(参考Wiki)html

2015年9月,Google宣布了移除对SPDY的支持,拥抱 HTTP/2,并将在Chrome 51中生效。算法

HTTP/2和HTTP/1.1的速度对比,能够点击查看下面两个网页:浏览器

https://http2.akamai.com/demo缓存

http://http2.cdnpe.com/index.html安全

速度对比

相比HTTP/1.1的改进

1. 解决串行的文件传输和队头阻塞问题

在HTTP/1.1中,当请求a文件时,b文件只能等待,等待a链接到服务器、服务器处理文件、服务器返回文件,这三个步骤。咱们假设这三步用时都是1秒,那么a文件用时为3秒,b文件传输完成用时为6秒,依此类推。服务器

此项计算有一个前提条件,就是浏览器和服务器是单通道传输微信

在HTTP/1.1的协议中,因为传输的request和response都是基本于文本的,这样就会引起一个问题:全部的数据必须按顺序传输,好比须要传输:hello,只能从h到o一个一个的传输,不能并行传输,由于接收端并不知道这些字符的顺序,因此并行传输在HTTP1.1是不能实现的。并发

此外,队头阻塞问题在HTTP/2终于获得解决。
队头阻塞问题:每一个 TCP 链接同时只能处理一个请求 - 响应,浏览器按 FIFO 原则处理请求,若是上一个响应没返回,后续请求 - 响应都会受阻。为了解决此问题,出现了 管线化 - pipelining 技术,可是管线化存在诸多问题,好比第一个响应慢仍是会阻塞后续响应、服务器为了按序返回相应须要缓存多个响应占用更多资源、浏览器中途断连重试服务器可能得从新处理多个请求、还有必须客户端 - 代理 - 服务器都支持管线化。高并发

解决方案

HTTP/2引入二进制数据帧和流的概念,其中帧对数据进行顺序标识,这样浏览器收到数据以后,就能够按照序列对数据进行合并,而不会出现合并后数据错乱的状况。一样是由于有了序列,服务器就能够并行的传输数据,这就是流所作的事情。

此外,HTTP/2里的每一个stream均可以设置依赖 (Dependency)和权重,能够按依赖树分配优先级,解决了关键请求被阻塞的问题

二进制流

2. 解决链接数过多。

咱们假设Apache设置了最大并发数为300,由于浏览器限制,浏览器发起的最大请求数为6,也就是服务器能承载的最高并发为50,当第51我的访问时,就须要等待前面某个请求处理完成。

解决方案

咱们来看一下,HTTP/2的多路复用是如何解决的。
HTTP/2对同一域名下全部请求都是基于流,也就是说同一域名无论访问多少文件,也只创建一路链接。一样Apache的最大链接数为300,由于有了这个新特性,最大的并发就能够提高到300,比原来提高了6倍!

此外,HTTP/2支持服务器推送。
浏览器发送一个请求,服务器主动向浏览器推送与这个请求相关的资源,这样浏览器就不用发起后续请求。
这主要是针对资源内联作出的优化,相较于HTTP/1.1 资源内联的优点:

  • 客户端能够缓存推送的资源
  • 客户端能够拒收推送过来的资源
  • 推送资源能够由不一样页面共享
  • 服务器能够按照优先级推送资源

服务器推送

3. Header内容冗余问题。

Header内容内容多,并且每次请求Header不会变化太多,没有相应的压缩传输优化方案

解决方案

使用HPACK算法来压缩首部内容。

二进制流

升级以后能够节省的成本

  1. JS文件的合并
    咱们如今优化的一个主要方向就是尽可能的减小HTTP的请求数, 对咱们工程中的代码,研发时分模块开发,上线时咱们会把全部的代码进行压缩合并,合并成一个文件,这样无论多少模块,都请求一个文件,减小了HTTP的请求数。可是这样作有一个很是严重的问题:文件的缓存。当咱们有100个模块时,有一个模块改了东西,按照以前的方式,整个文件浏览器都须要从新下载,不能被缓存。如今咱们有了HTTP/2了,模块就能够单独的压缩上线,而不影响其余没有修改的模块。根据上面讲的原理,咱们尽量将资源细粒化,文件分解地尽量散,不用担忧请求数多

雪碧图,文件合并同理能够弃用

  1. 多域名提升浏览器的下载速度
    以前咱们有一个优化就是把css文件和js文件放到2个域名下面,这样浏览器就能够对这两个类型的文件进行同时下载,避免了浏览器6个通道的限制,这样作的缺点也是明显的:
    1.DNS的解析时间会变长。
    2.增长了服务器的压力。
    有了HTTP/2以后,请不要使用域名分片。

更多内容,欢迎关注微信公众号:全菜工程师小辉。公众号回复关键词,领取免费学习资料。

哎呀,若是个人名片丢了。微信搜索“全菜工程师小辉”,依然能够找到我

相关文章
相关标签/搜索