HTTP/2基础教程个人总结

于 2021-04-01 15:15:30 发布
阅读量340 收藏
点赞数 1
分类专栏： 操作系统与网络协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43649997/article/details/111828261
版权

背景

本文是阅读美国作者Stephen Ludin Javier Garza编写的《HTTP/2基础教程》后，加上本人的理解总结出来的

在这里插入图片描述

1. HTTP 进化史

  • 超文本被提出：大量的书面材料或图像材料以复杂的方式相互联系，因此不便在纸质上呈现。

1.1 HTTP/0.9 和 HTTP/1.0

HTTP/0.9 是个相当简单的协议。只有一个get方法，没有首部。设计目标仅仅只是获取HTML（只有文本）
HTTP/1.0 添加了大量的内容：

  • 首部
  • 响应码
  • 重定向
  • 错误
  • 条件请求
  • 内容编码（压缩）
  • 更多的请求方法
    … …
    但是HTTP/1.1 人有很多的缺陷
  • 不能让多个请求共用一个连接
  • 缺少强制的Host首部
  • 缓存的选择也相当简陋

1.2 HTTP/1.1

  • 因为强制要求客户端提供Host首部，所以虚拟主机托管成为可能，也就是在一个IP上提供多个web服务
  • 不需要为每个请求重新发起TCP连接
  • 变更如下：
  • 缓存相关首部的扩展
  • OPTIONS 方法
  • Upgrade 首部
  • Range （范围）请求
  • 压缩和传输编码
  • 管道化

1.3 1.1版本之后

  • 一直使用到现在，持续了很长的时间
  • 最明显的变化是网页的构成、新加入的每种元素都增加了复杂度，也带来了压力。

1.4 SPDY

  • Google 工程师提出了HTTP的一种替代方案： SPDY ；它不是第一个希望代替，但是最重要的一个。
  • SPDY 为 HTTP/2 奠定了基础

1.5 HTTP/2

提出以下期望：

  • 相比于HTTP/1.1 ，最终用户可感知的多数延迟都有能够量化的显著改善；
  • 解决HTTP中队头阻塞问题
  • 并行的实现机制不依赖与服务器建立多个连接，从而提升TCP 连接的利用率，特别是拥塞控制方面
  • 保留HTTP/1.1 的语义，包括（不限于）HTTP 方法、状态码、URI 和首部字段
  • 明确定义 HTTP/2 和 HTTP/1.X 交互的方法，特别是通过中介的方法（双向）
  • …

2. HTTP/2 快速入门

2.1 启动并运行

现在很多的主流网站都采用了HTTP/2

搭建并运行h2服务器

  1. 获取并安装一个支持h2的Web服务器；
  2. 下载并安装一个TLS证书，让浏览器与服务器通过h2连接
    。。。。。。

3. Web优化“黑魔法”的动机与方式

3.1 HTTP/1.x的问题

  • 队头阻塞

    浏览器大多数时候希望从一个域名中获取多个资源。设想这样一个网站，它把所有的图片放在单个域名下。HTTP/1.x并未提供机制来同时请求这些资源。如果只用一个连接，它需要发起请求、等待响应，之后才能发起下一次请求。h1有个特性：管道化，允许依次发送一组请求，但是只能按照发送顺序依次接受请求。而且备受互操作性和部署等问题困扰而无实用价值。
    请求问答过程中，如果出现状况，剩下的工作都会阻塞，这就是“队头阻塞”。现代浏览器会针对单个域名开启6个连接，通过各个连接分别发送请求。

  • 低效的 TCP 利用

    TCP 之所以成功是因为它是最可靠的协议之一，核心概念是拥塞窗口：在接收方确认数据包之前，发送方可以发送的数据包数量。TCP 中还有慢启动的概念，拥塞避免算法，导致传输效率降低。

  • 臃肿的消息首部

    h1的首部不能压缩，而且消息首部不能忽略

  • 受限的优先级设置

    如果浏览器对指定域名开启了多个socket，开始请求资源，这时候只能通过：要么发起请求，要么不发起来指定优先级。

  • 第三方资源

    Web资源有很多完全独立于服务器的控制，这部分影响很大，但至今难有好的解决方案，即使是h2

3.2 Web性能优化技术

  1. DNS查询优化
    • 限制不同域名的数量。（如果采用HTTP/2 ，域名数量对性能的相对影响会只增不减）
    • 保证低限度的延迟解析。了解你的DNS服务基础设施的结构，然后从你的最终用户分布的所有区域定期监控解析时间（通过虚拟或真实用户的监控做到）。
    • 在主体页面HTML或响应中利用DNS 预取指令。这样，在下载并处理主题页面HTML时，预取指令就能开始解析页面上指定的域名。 例如：
    <link  rel="dns-prefetch"  href="//ajax.googleapis.com">
  2. 优化TCP 连接
    开启一个新连接是一个耗时的操作，如果使用TLS （确实应该）开销会更大，优化方法:

    • 利用preconnect 指令，连接在使用之前就已经建立好了。例如：

        <link rel="preconnect" href="//fonts.example.com" crossorigin>

    • 尽早终止并响应

    • 实施最新的TLS 最佳实践

  3. 避免重定向
    最好不要使用重定向，基本也没有合适理由使用，如果必须使用，使用以下方式：
    • 利用CDN代替客户端在云端实现重定向
    • 如果是同一域名的重定向，使用Web服务器上的rewrite规则
  4. 客户端缓存
    生存时间（TTL）指令告诉浏览器应该缓存某个资源多久。
    • 所谓的纯静态资源，例如图片或带版本的数据，可以永久缓存
    • CSS/JS 和个性化资源，缓存时间大约是会话平均时间的两倍
    • 其他类型，具体分析
  5. 网络边缘缓存
    缓存在网站基础服务设施，网络边缘地带加速访问效率
    • 在多用户可共享，并且能够接受一定的旧数据
  6. 条件缓存
    如果过期时间到了，也有可能返回同样数据，所以提供条件
  7. 压缩和代码简化
  8. 避免阻塞 CSS/JS
  9. 图片优化
最重要的四大特性
二进制分帧

先来理解几个概念：

  • 帧：HTTP/2 数据通信的最小单位消息：指 HTTP/2 中逻辑上的 HTTP 消息。例如请求和响应等，消息由一个或多个帧组成。
  • 流：存在于连接中的一个虚拟通道。流可以承载双向消息，每个流都有一个唯一的整数ID。
  • HTTP/2 采用二进制格式传输数据，而非 HTTP 1.x 的文本格式，二进制协议解析起来更高效。 HTTP / 1 的请求和响应报文，都是由起始行，首部和实体正文（可选）组成，各部分之间以文本换行符分隔。HTTP/2 将请求和响应数据分割为更小的帧，并且它们采用二进制编码。
  • HTTP/2 中，同域名下所有通信都在单个连接上完成，该连接可以承载任意数量的双向数据流。每个数据流都以消息的形式发送，而消息又由一个或多个帧组成。多个帧之间可以乱序发送，根据帧首部的流标识可以重新组装。
多路复用

多路复用，代替原来的序列和阻塞机制。所有就是请求的都是通过一个 TCP连接并发完成。 HTTP 1.x 中，如果想并发多个请求，必须使用多个 TCP 链接，且浏览器为了控制资源，还会对单个域名有 6-8个的TCP链接请求限制，如下图，红色圈出来的请求就因域名链接数已超过限制，而被挂起等待了一段时间：

在 HTTP/2 中，有了二进制分帧之后，HTTP /2 不再依赖 TCP 链接去实现多流并行了，在 HTTP/2中：

  • 同域名下所有通信都在单个连接上完成。
  • 单个连接可以承载任意数量的双向数据流。
  • 数据流以消息的形式发送，而消息又由一个或多个帧组成，多个帧之间可以乱序发送，因为根据帧首部的流标识可以重新组装。

这一特性，使性能有了极大提升：

  • 同个域名只需要占用一个 TCP 连接，消除了因多个 TCP 连接而带来的延时和内存消耗。
  • 单个连接上可以并行交错的请求和响应，之间互不干扰。
  • 在HTTP/2中，每个请求都可以带一个31bit的优先值，0表示最高优先级， 数值越大优先级越低。有了这个优先值，客户端和服务器就可以在处理不同的流时采取不同的策略，以最优的方式发送流、消息和帧。
服务器推送

HTTP2还在一定程度上改变了传统的“请求-应答”工作模式，服务器不再是完全被动地响应请求，也可以新建“流”主动向客户端发送消息。比如，在浏览器刚请求HTML的时候就提前把可能会用到的JS、CSS文件发给客户端，减少等待的延迟，这被称为"服务器推送"（ Server Push，也叫 Cache push）。

例如下图所示,服务端主动把JS和CSS文件推送给客户端，而不需要客户端解析HTML时再发送这些请求。
在这里插入图片描述
另外需要补充的是,服务端可以主动推送，客户端也有权利选择是否接收。如果服务端推送的资源已经被浏览器缓存过，浏览器可以通过发送RST_STREAM帧来拒收。主动推送也遵守同源策略，换句话说，服务器不能随便将第三方资源推送给客户端，而必须是经过双方确认才行。

头部压缩

HTTP 1.1请求的大小变得越来越大，有时甚至会大于TCP窗口的初始大小，因为它们需要等待带着ACK的响应回来以后才能继续被发送。HTTP/2对消息头采用HPACK（专为http/2头部设计的压缩格式）进行压缩传输，能够节省消息头占用的网络的流量。而HTTP/1.x每次请求，都会携带大量冗余头信息，浪费了很多带宽资源。

HTTP每一次通信都会携带一组头部，用于描述这次通信的的资源、浏览器属性、cookie等，例如
在这里插入图片描述

为了减少这块的资源消耗并提升性能， HTTP/2对这些首部采取了压缩策略：

HTTP/2在客户端和服务器端使用“首部表”来跟踪和存储之前发送的键－值对，对于相同的数据，不再通过每次请求和响应发送；
首部表在HTTP/2的连接存续期内始终存在，由客户端和服务器共同渐进地更新;
每个新的首部键－值对要么被追加到当前表的末尾，要么替换表中之前的值。
例如：下图中的两个请求， 请求一发送了所有的头部字段，第二个请求则只需要发送差异数据，这样可以减少冗余数据，降低开销。
在这里插入图片描述

我们来看一个实际的例子，下面是用WireShark抓取的访问google首页的包：

在这里插入图片描述

上图是是访问https://www.google.com/抓到的第一个请求的头部，可以看到头部的内容，总共占用了437 bytes，我们选中头部的cookie，可以看到cookie总共占用了118 bytes。接下来我们看看第二个请求的头部：
在这里插入图片描述

从上图可以看到，得益于头部压缩，第二个请求中cookie只占用了1个字节，我们来看看变化了的Accept字段：

在这里插入图片描述

由于Accept字段与请求一中的内容不同，需要发送给服务器，所以占用了29 bytes。

leetcode每日一题写了吗
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTTP2.0配置实战
02-04 2959
前些日子将自己的网站升级为HTTPS，这次再设置支持HTTP2.0。本篇文章不讲述HTTP2的具体原理，但关于HTTP的相关知识会简单讲述一下，关于HTTP2的详细内容可以参看HTTP2基础教程。 HTTP1 HTTP1的问题 队头阻塞 如果仅仅使用一个连接，它需要发起请求、等待响应，之后才能发起下一个请求。在请求应答过程中，如果出现任何状况，剩下所有的工作都会被阻塞在那次请求应答之后。这就是“队头阻塞”，它会阻碍网络传输和Web页面渲染，直至失去响应。为了防止这种问题，现代浏览器会针对单个域名开启6个
迟来的HTTP2简明教程
codehole_的博客
02-12 204
The standardization effort was supported byChrome,Opera,Firefox,[9]Internet Explo...
Android代码-XHttp2 一个功能强悍的网络请求库
08-06
XHttp2 一个功能强悍的网络请求库，使用RxJava2 Retrofit2 OKHttp组合进行封装。 关于我 特征 支持默认、全局、局部三个层次的配置功能。 支持动态配置和自定义底层框架Okhttpclient、Retrofit. 加入基础ApiService，减少Api冗余。 支持多种方式访问网络GET、POST、PUT、DELETE等请求协议。 支持网络缓存,六种缓存策略可选,涵盖大多数业务场景。 支持固定添加header和动态添加header。 支持添加全局参数和动态添加局部参数。 支持文件下载、多文件上传和表单提交数据。 支持文件请求、上传、下载的进度回调、错误回调，也可以自定义回调。 支持任意数据结构的自动解析。 支持添加动态参数例如timeStamp时间戳、token、签名sign。 支持自定义的扩展API。 支持多个请求合并。 支持Cookie管理。 支持异步、同步请求。 支持Https、自签名网站Https的访问、双向验证。 支持失败重试机制，可以指定重试次数、重试间隔时间。 支持根据key删除网络缓存和清空网络缓存。 提供默认的标准Api
HTTP/2部署使用
网易数帆社区博客
08-21 985
本文来自网易云社区为了更好地研究HTTP2的一些新特性，或者有小伙伴想让自己的站点支持HTTP2的请求，以提升访问性能……无论出于什么目的，我们都有必要尝试将HTTP2部署使用。而刚好，我们前一段时间在做HTTP2的性能测试，使用Nginx搭建了Web服务器，所以这里再次做下总结。HTTP2的支持了解在部署之前，我们先来了解一下支持HTTP2的客户端和服务端，这里也简单地列举一些比较知名和常用的实...
如何判断网站是否使用了HTTP/2
热门推荐
chenmoquan的专栏
08-08 1万+
在浏览器输入chrome://net-internals/打开
Http2介绍
程序员蒋老湿的博客
03-29 1887
为什么要使用HTTP2原因就是慢 影响一个网络请求的因素主要有两个，带宽和延迟。今天的网络基础建设已经使得带宽得到极大的提升，大部分时候都是延迟在影响。 **为什么延迟？？** 浏览器阻塞（HOL blocking）：浏览器会因为一些原因阻塞请求。浏览器对于同一个域名，同时只能有 4个连接（这个根据浏览器内核不同可能会有所差异），超过浏览器最大连接数限制，后续请求就会被阻塞。DNS 查询（D...
React框架基础教程（个人总结）
04-28
这是本人在学习React前端框架过程自行总结的入门教程，适合零基础同学学习。文档结构整齐划一，满足强迫症患者需求；代码格式规范，且关键代码都有恰当的注释。
perl语言个人学习总结教程
08-31
主要总结了perl语言的基础内容以及个人的学习体会，为初学者提供一定的参考与借鉴。
cordova入门基础教程及使用中遇到的一些问题总结
08-28
cordova入门基础教程及使用中遇到的一些问题总结 CORDOVA是一个非常流行的跨平台移动应用开发框架，它提供了一组设备相关的API，通过这些API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。...
jQuery基础教程
10-29
jQuery 个人认为很不错的Javascript库，自己编写的ppt
Learning HTTP2
12-21
HTTP2协议入门，pdf格式，英文版。 Learning HTTP/2 A Practical Guide.
http2讲解.pdf
03-16
这本书从技术和协议介绍HTTP/2协议，主要内容包括HTTP/2协议产生的背景、协议本身、实现和未来，原作者为Daniel Stenberg，本书为中文翻译版.
XHttp2
05-21
一个功能强悍的网络请求库，使用RxJava2 + Retrofit2 + OKHttp组合进行封装。
nginx+tomcat反向代理，及http2使用
DoveYoung欢迎大家指正！
01-30 2793
一、下载安装  资源网址：http://nginx.org/en/download.html 下载安装参考链接： https://www.cnblogs.com/jimisun/p/8057156.html https://www.cnblogs.com/hanyinglong/p/5102141.html 1、在服务器文件下（最好直接在/usr/local下面安装nginx比较好，不然
HTTP2 十分钟速知
secretx的专栏
02-25 3483
HTTP/2 十分钟速知 升级到 HTTP/2 后，那些针对HTTP/1.x 的优化手段需要如何变化？ 答：总结来说，除了多域名增加并行 TCP 连接数不再适用以外，启用 HTTP/2 几乎不用考虑太多。 首先，由于 HTTP/2 是复用了一个 TCP 连接进行多次传输，所以适用于 HTTP/1.x 的多域名增加并发 TCP 连接数的策略已经不再适用了。不仅如此，如果你的 CDN 和主站不是
HTTP2简介
u010552788的专栏
06-06 4098
1. HTTP1.X的现状 1.1 过于庞大 1.2 未能充分利用的TCP 1.3 HTTP Pipelining 2. 克服延迟做过的努力 2.1 Spriting 2.2 内联 2.3 拼接（Concatenation） 2.4 分片（Sharding） 3. http2 3.1 起源 3.2 http2特性 3.3 二进制分帧 3.3 多路复用 3.4 优先级和依赖性 3.5 头...
《HTTP/2 基础教程》 阅读摘要
weixin_34168880的博客
04-16 412
最近粗线了不少 HTTP2 相关的帖子和讨论，感觉新一轮的潮流在形成，所以最近找了本 HTTP2 相关书籍做知识储备，刚好记成笔记以备后询 ~ 这本书本身不错，缺点就是翻译的有点蹩脚，另外因为是 2017 年出的书，所以有些内容时效性不太好，比如关于 Chrome 的部分，所以我根据 Chrome 的官方文档增加了点内容
Web 性能优化 转载《HTTP2基础教程》
李虎
01-29 364
1.DNS查询优化 a.限制不同域名的数量，通常不能控制域名数量。若迁移到HTTP/2，域名数量对性能的相对影响会只增不减。 b.保证低限度的解析延迟。根据最终用户分布的所有地域定期监控解析时间（可通过虚拟或真实用户的监控做到）。 c.在主体页面HTML或响应中利用DNS预取指令。这样，在下载并处理主体页面HTML的同时，预取指令就能开始解析页面上指定的域名 例如，下面这段代码会告诉浏览器预
mysql数据库基础教程
最新发布
09-13
MySQL是一种开源的关系型数据库管理系统，广泛应用于各种Web应用程序中。它具有可扩展性、高性能、稳定性和安全性等优点。 下面是MySQL数据库的基础教程： 1. 安装MySQL：首先需要下载并安装MySQL数据库软件。可以从MySQL官方网站下载适合你操作系统的安装包，然后按照安装向导进行安装。 2. 连接到MySQL：安装完成后，可以使用命令行工具或者图形化工具连接到MySQL数据库。可以使用以下命令连接到MySQL数据库： `mysql -h主机名 -u用户名 -p密码` 3. 创建数据库：使用`CREATE DATABASE`语句创建一个新的数据库。例如，要创建一个名为`mydatabase`的数据库，可以使用以下命令： `CREATE DATABASE mydatabase;` 4. 创建数据表：在数据库中创建数据表用于存储数据。使用`CREATE TABLE`语句创建一个新的数据表。例如，要创建一个名为`users`的数据表，可以使用以下命令： ``` CREATE TABLE users ( id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(50), email VARCHAR(50) ); ``` 5. 插入数据：使用`INSERT INTO`语句向数据表中插入数据。例如，要向`users`表中插入一条记录，可以使用以下命令： `INSERT INTO users (name, email) VALUES ('John Doe', 'john@example.com');` 6. 查询数据：使用`SELECT`语句从数据表中查询数据。例如，要查询`users`表中的所有记录，可以使用以下命令： `SELECT * FROM users;` 7. 更新数据：使用`UPDATE`语句更新数据表中的记录。例如，要将`users`表中`id`为1的记录的`name`字段更新为`Jane Doe`，可以使用以下命令： `UPDATE users SET name = 'Jane Doe' WHERE id = 1;` 8. 删除数据：使用`DELETE`语句删除数据表中的记录。例如，要删除`users`表中`id`为1的记录，可以使用以下命令： `DELETE FROM users WHERE id = 1;` 9. 数据备份和恢复：可以使用`mysqldump`命令备份MySQL数据库，以及使用`mysql`命令恢复备份的数据。根据你的需求选择适当的备份和恢复方法。例如，要使用`mysqldump`命令备份数据库，并将备份数据存储到`backup.sql`文件中，可以使用以下命令： `mysqldump -u用户名 -p密码 数据库名 > backup.sql` 以上是MySQL数据库的基础教程的一些主要内容。希望对你有所帮助。 提供了一份个人学习MySQL时结合网络资源所作的总结，如果你需要更详细的教程或参考资料，建议查阅MySQL官方文档或其他权威资源。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值