美文网首页
2021-07-21 HTTP 2 新特性浅析

2021-07-21 HTTP 2 新特性浅析

作者: 半眼鱼 | 来源:发表于2021-07-26 15:12 被阅读0次

<meta charset="utf-8">

HTTP发展简史

HTTP/0.9

  • 1991年发布
  • 只支持GET命令
  • 请求及返回值都是ASCII码
  • 请求以换行符(CRLF)结束
  • 返回值只支持HTML格式
  • 服务器返回值之后立刻关闭连接
GET /index.html

HTTP/1.0

  • 1996年发布
  • 除了GET命令,还增加了POST和HEAD命令
  • 服务器支持返回任意格式
  • 请求和返回值除了包含数据部分,还增加头部信息(HTTP header)
  • 返回值增加状态码(status code)
GET / HTTP/1.0
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5)
Accept: */*

HTTP/1.0 200 OK 
Content-Type: text/plain
Content-Length: 137582
Expires: Thu, 05 Dec 1997 16:00:00 GMT
Last-Modified: Wed, 5 August 1996 15:55:28 GMT
Server: Apache 0.84

<html>
  <body>Hello World</body>
</html>

HTTP/1.1

  • 1997年发布
  • 支持持久连接(Connection: keep-alive),即TCP连接默认不关闭,可以被多个请求复用
  • 支持管道机制(pipelining),即一个TCP连接内可以同时发起多个请求
  • 支持分块传输编码(chunked transfer encoding)
  • 支持断点续传(Accept-Ranges)
  • 支持更多命令,如PUT, PATCH, OPTIONS, DELETE
  • 尽管支持复用TCP连接,但仍然会产生队头阻塞(Head-of-line blocking)问题

HTTP/2

  • 2015年发布
  • 2009年Google自行研发的SPDY在Chrome上验证成功后,被当作是HTTP/2的基础
  • 完全采用二进制协议
  • 支持多路复用(multiplexing)
  • 支持头部压缩(header compression)
  • 支持服务器推送(server push)

二进制协议

HTTP/2之前的协议都是基于ASCII码,好处是可读性好,容易上手。其缺点是可选的空格以及多变的终止符给识别帧造成了一些困难。采用二进制协议可以使得帧的识别更简单,并且传输信息更高效。其缺点是不便于调试,这就需要我们使用相应的工具来理解二进制的内容。

HTTP/2完全采用二进制协议,头信息和数据体都是二进制的,统称为(frame)。下图展示了同一个请求在HTTP/1.1和HTTP/2的对应关系,可见请求在HTTP/2中分为了两部分:头部帧和数据帧。

image

一个帧的基本格式如下:

image

所有帧都由一个9字节的header和可变长的payload组成,各字段定义如下:

  • Length: 表示payload的长度,payload的长度默认不能超过214 (16,384) ,除非修改SETTINGS_MAX_FRAME_SIZE为更大的值
  • Type: 表示帧的类型,比如0x0表示数据帧,0x1表示头部帧,类型不在规范里定义的帧将会被丢弃
  • Flags: 对于不同类型的帧,这个字段有不同的含义,比如在数据帧里,0x1表示这个frame是流的最后一帧(END_STREAM)
  • R: 保留位,这一位必须置为0并且需要被忽略
  • Stream Identifier: 流ID,客户端发起的流ID必须是奇数的,服务端发起的流ID必须是偶数的

多路复用

为了说明什么是多路复用,我们先需要明确下面几个概念:

  • (stream): 已建立的连接内的双向字节流,可以承载一条或多条消息
  • 消息(message): 与逻辑请求或响应消息对应的完整的一系列帧
  • (frame): HTTP/2 通信的最小单位,每个帧都包含帧头,至少也会标识出当前帧所属的数据流
image

这些概念的关系总结如下:

  • 所有通信都在一个 TCP 连接上完成,此连接可以承载任意数量的双向数据流
  • 每个数据流都有一个唯一的标识符和可选的优先级信息,用于承载双向消息
  • 每条消息都是一条逻辑 HTTP 消息(例如请求或响应),包含一个或多个帧
  • 帧是最小的通信单位,承载着特定类型的数据,例如 HTTP Header、消息负载等等。 来自不同数据流的帧可以交错发送,然后再根据每个帧头的数据流标识符重新组装

在HTTP/1.1中,如果客户端为了提高性能想要在一个TCP连接内同时发起多个请求,每个请求必须按顺序被服务器依次响应,如果某一个请求特别耗时,那么后面的请求将会被一直阻塞。

而在HTTP/2中,如果在一个TCP连接内同时发起多个请求,每个消息可以被拆成互不依赖的帧并且各帧之间交错发送,然后在另一端重新把帧组装起来。这个特性就叫做多路复用。

image

上图展示了同一个连接内并行的多个数据流。客户端正在向服务器传输一个数据帧(数据流5),与此同时,服务器正向客户端交错发送数据流1和数据流3的一系列帧。因此,一个连接上同时有三个并行数据流。

头部压缩

每个HTTP请求时都会承载一组表头。在HTTP/1.x中表头是以纯文本形式传输,通常需要500~800字节的开销,如果有cookie的话甚至会达到上千字节。为了减少这种开销并且提升性能,HTTP/2使用了HPACK算法进行压缩,具体来说包含了如下两种简单并强大的技术:

  • 头部字段使用静态Huffman编码,如果编码后使得字符反而变长了,那么不采用Huffman编码
  • 客户端和服务器同时维护并更新一个索引表,如果传输的值在索引表里,那么使用索引值作为传输的值。索引表分为静态表和动态表两部分,静态表在规范里定义,包含了一些常用的字段,动态表初始为空,在连接过程中动态更新
image

如上图所示,最左边是原始的请求头,第一行的:method GET通过查找静态索引表得到索引值为2,所以HPACK算法将其编码为2。最后第二行的user-agent Mozilla/5.0 ...不在静态索引表里,但在动态索引表里查到索引值为62,所以HPACK算法将其编码为62。最后一行的两个字段均未在索引表里查到,所以分别对其进行Huffman编码。

服务器推送

HTTP/2新增的另一个强大的功能是允许服务器除了可以响应客户端请求,还可以向客户端推送额外的资源。

通常当我们请求一个网页时,客户端解析HTML源码,发现有js或css等其他静态资源,然后再发起请求下载静态资源。而实际上,当客户端请求网页后,服务器完全可以预判客户端接下来要请求相关的静态资源,那为什么不让服务器提前推送这些资源,从而减少额外的延迟时间呢?HTTP/2为此提出了服务器推送机制,服务器端可以通过发起PUSH_PROMISE帧告知客户端,客户端收到服务器想要推送资源的意图后,可以决定是否接收推送。

image

事实上,如果你在网页中内联CSS或Javascript,那么你已经体验过服务器推送了。使用HTTP/2,我们不仅可以获得相同效果,还可以获得更多的性能优势:

  • 客户端可以缓存推送资源
  • 推送资源可以被不同页面重用
  • 推送资源可以与其他资源复用
  • 推送资源可以由服务器设定优先级
  • 推送资源可以被客户端拒绝(非强制推送)

服务器推送功能虽然很强大,但在实际使用中还需要考虑一些问题。第一个问题是如果客户端已经有缓存了,那么推送资源就是一种浪费。一种解决方法是只在用户第一次访问的时候推送资源。第二个问题是目前我们一般把静态资源放在CDN上,目前大部分CDN还不支持服务器推送,那么CDN和服务器推送到底哪个效果更好,这个可能还需要一些测试数据来做评判。

相关文章

  • 2021-07-21 HTTP 2 新特性浅析

    HTTP发展简史 HTTP/0.9 1991年发布 只支持GET命令 请求及返回值都是ASCII码 请求以换行符(...

  • HTTP/2 新特性浅析

    HTTP发展简史 HTTP/0.9 1991年发布 只支持GET命令 请求及返回值都是ASCII码 请求以换行符(...

  • HTTP/2 新特性总结

    我在想了解HTTP/2的时候,查阅了很多资料,发现这篇很好,是外国的文章.我翻译过来,加入自己的一点理解. HTT...

  • http2新特性

    2015年发布2009年Google自行研发的SPDY在Chrome上验证成功后,被当作是HTTP/2的基础完全采...

  • HTTP2新特性

    对1.x协议语意的完全兼容性能的大幅提升 二进制分帧(frame) HTTP2.0性能增强的核心:二进制分帧。HT...

  • HTTP历史与HTTP/2新特性

    HTTP/2协议 Http是超文本传输协议(Hypertext Transfer Protocol Bis)的下一...

  • HTTP2的新特性

    我们现在用到的HTTP协议,基本上分为HTTP1.1和HTTP2.0。我们这里说的HTTP2.0新特性是相对于HT...

  • http1/2/3协议的对比(防忘)

    记性不好,防忘。参考一文读懂 HTTP/1HTTP/2HTTP/3解读HTTP/2与HTTP/3 的新特性 对比项...

  • 优化webview的想法

    设置缓存。开启app&dom&database多种缓存 使用http/2。http/2有新特性可以加快加载速度。多...

  • HTTP/2 浅析

    目前越来越多的网站开始使用 HTTP/2,那么我们就需要加深一下对HTTP/2的了解HTTP/2 相对于 HTTP...

网友评论

      本文标题:2021-07-21 HTTP 2 新特性浅析

      本文链接:https://www.haomeiwen.com/subject/nnijmltx.html