HTTP/2 对消息头采用 HPACK 进行压缩传输,能够节省消息头占用的网络的流量。如何理解 HPACK 压缩呢? 如果我们约定将常用的请求头的参数用一些特殊的编号来表示,比如 GET /index.html 用一个 1 来表示,POST /index.html 用 2 来表示。那么是不是可以节省很多字节? 为 HTTP/2 的专门量身打造的 HPACK 便是类似这样的思路延伸。它使用一份索引表来定义常用的 HTTP Header。把常用的 HTTP Header 存放在表里。请求的时候便只需要发送在表里的索引位置即可。例如 :method=GET 使用索引值 2 表示,:path=/index.html 使用索引值 5 表示。 具体这里的静态映射表请看附录的Table 1: Static Table Entries。

 

      比如我们想表达 请求的Header内容是:   GET /index.html   只要给服务端发送一个 Frame,该 Frame 的 Payload 部分存储 0x8285,Frame 的 Type 设置为 Header 类型。

      为什么是 0x8285,而不是 0x0205? 这是因为高位设置为 1 表示这个字节是一个完全索引值(key 和 value 都在索引中)。类似的,通过高位的标志位可以区分出这个字节是属于一个完全索引值,还是仅索引了 key,还是 key 和 value 都没有索引。因为索引表的大小的是有限的,它仅保存了一些常用的 HTTP Header,同时每次请求还可以在表的末尾动态追加新的 HTTP Header 缓存。动态部分称之为 Dynamic Table。Static Table 和 Dynamic Table 在一起组合成了索引表:

参考: http://io.upyun.com/2015/05/13/http2/ 

HPACK 不仅仅通过索引键值对来降低数据量,同时还会将字符串进行霍夫曼编码来压缩字符串大小。

以常用的 User-Agent 为例,它在静态表中的索引值是 58,它的值是不存在表中的,因为它的值是多变的。第一次请求的时候它的 key 用 58 表示,表示这是一个 User-Agent ,它的值部分会进行霍夫曼编码(如果编码后的字符串变更长了,则不采用霍夫曼编码)。服务端收到请求后,会将这个 User-Agent 添加到 Dynamic Table 缓存起来,分配一个新的索引值。客户端下一次请求时,假设上次请求User-Agent的在表中的索引位置是 62, 此时只需要发送 0xBE(同样的,高位置 1),便可以代表: User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.146 Safari/537.36。其过程如下图所示:

 

HPACK: Header Compression for HTTP/2

图来自: http://chimera.labs.oreilly.com/books/1230000000545/ch12.html#HTTP2_PUSH

 

WireShark  可以看到具体的 Header 解密后的内容,如下图:

上图是用的 WireShark  Development Release (1.99.6) 看到的 Header frame 的内容。

https://www.wireshark.org/download.html 

 

Header  Frame 的数据格式

HTTP2 的 Header Frame 的数据区, 分下面几种格式,相关资料请参考:http://http2.github.io/http2-spec/compression.html#index.address.space

 

1、在 预定的头字段静态映射表 中已经有预定义的 Header Name 和 Header Value值

这时候的二进制数据格式如上图, 第一位固定为1, 后面7位为映射的索引值

An indexed header field starts with the '1' 1-bit pattern, followed by the index of the matching header field, represented as an integer with a 7-bit prefix

例子,

下图的 83 就是这样的,  83 的二进制字节标示  1000 0011 , 抹掉首位, 就是 3 , 对应的 静态映射表中 的 method: POST。

 

注意,不存在首位为0,但是后面可以在静态表中可以找到的情况。

 

2、 预定的头字段静态映射表中有 name,需要设置新值。

Literal Header Field with Incremental Indexing

这种情况下的数据格式为:

例子, 一个指定 path的Header, 

首字符 为 44 ,对应的二进制位   0100 0100   前两个字符为 01 ,  Index 为 4 , 即对应静态映射表中的 path 头。

第二个字符为 95  对应的二进制位 1001 0101 ,排除首字符对应的 Value Length 为 十进制的21。 即 算上 44, 一共23个字符来记录这个信息。

 

 

3、预定的头字段静态映射表中没有 name,需要设置新name和新值。

例子

40 的二进制是  0100 0000,  
02 的二进制是  0000 0010, 后七位的十进制值是 2

86 的二进制是  1000 0110  后7位的十进制值是 6

 

其他还有2种情况:

Literal Header Field without Indexing

  • Literal Header Field without Indexing — Indexed Name
  • Literal Header Field without Indexing — New Name

Literal Header Field Never Indexed

    • Literal Header Field Never Indexed — Indexed Name
    • Literal Header Field Never Indexed — New Name

请参考: http://http2.github.io/http2-spec/compression.html#index.address.space 

 

附录

HTTP2 中, 预定的头字段静态映射表如下。(Table 1: Static Table Entries)

 

 

 

 

参考资料:

【协议分析】HTTP2报文头及数据帧格式解析实例分析
http://blog.csdn.net/jiayanhui2877/article/details/45074315

HPACK: Header Compression for HTTP/2
http://http2.github.io/http2-spec/compression.html

HPACK: Header Compression for HTTP/2
https://httpwg.github.io/specs/rfc7541.html

HPACK - Header Compression for HTTP/2
draft-ietf-httpbis-header-compression-12
https://tools.ietf.org/html/draft-ietf-httpbis-header-compression-12#section-2.2

Chapter 12. HTTP/2

http://chimera.labs.oreilly.com/books/1230000000545/ch12.html#HTTP2_FRAMING

Huffman 编码压缩算法
http://coolshell.cn/articles/7459.html

为 HTTP/2 头压缩专门设计的 HPACK的更多相关文章

  1. WPF 用 DataTemplate 合并DataGrid列表列头<类似报表设计>及行头列头样式 - 学习

    WPF中 DataGrid 列头合并,类似于报表设计.效果图如下↓ 1.新建一个WPF项目WpfApplication1,新建一个窗体DataGridTest,前台代码如下: <Window x ...

  2. HTTPS、SPDY和HTTP/2的性能比较

    http://www.infoq.com/cn/news/2015/02/https-spdy-http2-comparison/ https://segmentfault.com/a/1190000 ...

  3. 再谈HTTP2性能提升之背后原理—HTTP2历史解剖

    即使千辛万苦,还是把网站升级到http2了,遇坑如<phpcms v9站http升级到https加http2遇到到坑>. 因为理论相比于 HTTP 1.x ,在同时兼容 HTTP/1.1 ...

  4. 2019前端面试系列——HTTP、浏览器面试题

    浏览器存储的方式有哪些 特性 cookie localStorage sessionStorage indexedDB 数据生命周期 一般由服务器生成,可以设置过期时间 除非被清理,否则一直存在 页面 ...

  5. 【HTTP】402- 深入理解http2.0协议,看这篇就够了!

    本文字数:3825字 预计阅读时间:20分钟 导读 http2.0是一种安全高效的下一代http传输协议.安全是因为http2.0建立在https协议的基础上,高效是因为它是通过二进制分帧来进行数据传 ...

  6. HTTP——https、http缓存、get与post、web安全、跨域

    HTTP诞生 1989年为知识共享而诞生的Web,提出了3项WWW构建技术: 标准通用标记语言设为HTML(HyperText Markup Language,超文本标记语言) 文档传输协议HTTP( ...

  7. http2.0 相对于 http1.1的优势

    1.http2.0完全是多路复用的,只需一个连接就可实现并行 可以将不同的请求夹杂在一起,只需一个连接就能加载一个页面. 2.可以让服务器将响应主动推动到客户端缓存中 当浏览器请求一个网页时,服务器除 ...

  8. 状态压缩dp相关

    状态压缩dp 状态压缩是设计dp状态的一种方式. 当普通的dp状态维数很多(或者说维数与输入数据有关),但每一维总 量很少是,可以将多维状态压缩为一维来记录. 这种题目最明显的特征就是: 都存在某一给 ...

  9. c++中头文件include规则浅析[译]

    英文原文地址 在开发大型的软件项目时,头文件需要得到恰当的管理,甚至在c中也会面临这种问题,当我们用c++开发时,头文件的管理会变得更复杂,更加耗费我们的时间去管理,下面我将讲一些包含规则来简化这个苦 ...

随机推荐

  1. LOJ#3086. 「GXOI / GZOI2019」逼死强迫症(矩阵快速幂)

    题面 传送门 题解 先考虑全都放\(1\times 2\)的方块的方案,设防\(i\)列的方案数为\(g_i\),容易推出\(g_i=g_{i-1}+g_{i-2}\),边界条件为\(g_0=g_1= ...

  2. Sansa组件

    诉求 仿照admin组件,实现对表的URL分配管理. 实现思路 1.在settings.py文件中注册APP,注册示例为: 'app01.apps.App01Config', 'app02.apps. ...

  3. 前端入门CSS(1)

    day48 参考:https://www.cnblogs.com/liwenzhou/p/7999532.html CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式,不推 ...

  4. 面向 B 端的产品经理

    简评:越来越多人涌入产品经理这个岗位,但是面对不同的产品和客户群体,产品经理所需要的技能.知识和经验可能大相庭径. 近几年随着移动互联网的爆发性增长,几乎遍地都是产品经理了.华尔街日报 也曾报道称「产 ...

  5. 【xsy2748】 fly 矩阵快速幂

    题目大意:有$n$个点,$m$条有向边,其中第$i$条边需要在$t_i$秒后才出现在图上. 有一个人刚开始呆在$1$号节点,每秒钟他必须要选择一条从他所在位置走出去的边,走出去(如果没有的话这人就死了 ...

  6. JS实现一个基于对象的链表

    JS实现一个基于对象的链表 /*JS实现一个基于对象的链表*/ function Node(element){ this.element = element;//节点存储的元素 this.next = ...

  7. 死锁、Lock锁、等待唤醒机制、线程组、线程池、定时器、单例设计模式_DAY24

    1:线程(理解) (1)死锁 概念: 同步中,多个线程使用多把锁之间存在等待的现象. 原因分析: a.线程1将锁1锁住,线程2将锁2锁住,而线程1要继续执行锁2中的代码,线程2要继续执行锁1中的代码, ...

  8. (转)MySQL 插入数据时,中文乱码问题的解决

    MySQL 插入数据时,中文乱码问题的解决  原文:http://www.cnblogs.com/sunzn/archive/2013/03/14/2960248.html 当向 MySQL 数据库插 ...

  9. 虚拟网络编辑器的知识和出现的一些问题(没有VMnet0或VMnet8)

    不多说,直接上干货! 安装好的虚拟机,没有VMnet0!!! 解决的办法: 就可以了. 那么,问题现在又来了? 但是,每次都要这样,以右键,管理员身份运行,再关闭之后,以普通双击方式,即又没有VMne ...

  10. 为android游戏开发-准备的地图编辑器-初步刷地图

    采用多文理混合,单页面支持8张文理进行刷绘