HTTP1.0、1.1、2.0 的区别

HTTP1.0、1.1、2.0 的区别

HTTP1.0

HTTP1.0 浏览器与服务器只保持短暂的连接,每次请求都需要重新建立 TCP 连接,服务器完成请求处理后立即断开连接。

例如,一个 html 页面包含了 10 个 静态资源,如(HTMLCSSJS、图片等),需要 ​​10 次 TCP 握手和挥手 ​​,效率极低。

如果需要建立长连接,需要设置一个非标准字段 Connection: keep-alive

HTTP1.1

HTTP1.1 中,默认支持长连接,即在一个 TCP 连接上可以传送多个请求或响应,减少了建立和关闭连接的消耗和延迟。

同时,HTTP1.1 还允许客户端在不用等待上一次的请求结果返回就可以发出下一次的请求,但需要注意的是,服务端必须按照客户端的请求顺序返回响应,这是为了保证客户端能够区分每个请求的响应内容。

此外,HTTP1.1 还在 HTTP1.0 的基础上增加了更多的请求头和响应头,例如:

  • 引入了更多的缓存策略,例如 Cache-ControlExpiresLast-ModifiedETag 等;
  • 引入了range,允许请求资源的部分内容;
  • 引入了 host,支持虚拟主机(一个 IP 地址和端口可托管多个域名)

HTTP1.1 还添加了更多的请求方法,例如: PUTPATCHDELETEOPTIONS 等。

HTTP2.0

HTTP2.0 相比于之前的版本,性能上有很大的提升,主要体现这四个部分:

  • 多路复用
  • 二进制分帧
  • 头部压缩
  • 服务器推送

多路复用

HTTP2.0 能够复用同一个 TCP 连接,客户端和浏览器都可以同时发送多个请求和响应,并且不用按照顺序一一对应,避免了队头堵塞。

上图中,可以看出 cssjs 资源是同时发给服务器的,可以并行传输。这就是多路复用。

二进制分帧

HTTP2.0 使用二进制格式传输数据,而非 HTTP 1 的文本格式,解析起来更加的高效。

将请求和响应数据分割为更小的帧,并对它们采用二进制格式编码,可以更有效地利用网络资源,提高传输速度。

HTTP2.0 中 同域名下的所有通信都在单个连接上完成,该连接可以承载任意数量的双向数据流,每个数据流都以消息的形式发送,而消息又由一个或多个帧组成,多个帧之间可以乱序发送,根据帧首部的流标识符重新组装。这也是多路复用的前提条件。

头部压缩

HTTP2.0中在客户端和服务端之间使用 首部表 来跟踪和存储之前发送的请求和响应的相关信息,对于相同的数据,可以只发送一次首部,减少开销。

首部表 在 HTTP2.0 的连接期间一直存在,有客户端和服务端共同渐进式更新。

服务器推送

HTTP2.0 允许服务器在客户端需要数据时主动推送数据,而不用等到客户端发送请求。

服务端会在一个页面啊请求中把随同页面的一些其他资源主动推送给客户端,不需要客户端再次发送请求获取资源。

总结

HTTP1.0:

  • 短连接,每次请求都需要重新建立 TCP 连接,效率低下。

HTTP1.1:

  • 长连接,默认支持,可以复用 TCP 连接,减少建立和关闭连接的消耗和延迟。
  • 缓存机制,可以减少请求响应时间。
  • 增加了一些请求头和响应头,例如 Cache-ControlExpiresLast-ModifiedETag 等。
  • 增加了更多的请求方法,例如 PUTPATCHDELETEOPTIONS 等。

HTTP2.0:

  • 多路复用,同一个 TCP 连接,客户端和浏览器都可以同时发送多个请求和响应,并且不用按照顺序一一对应,避免了队头堵塞。
  • 二进制分帧,使用二进制格式传输数据,解析起来更加的高效。
  • 头部压缩,在客户端和服务端之间使用 首部表 来跟踪和存储之前发送的请求和响应的相关信息,对于相同的数据,可以只发送一次首部,减少开销。
  • 服务器推送,服务端会在一个页面啊请求中把随同页面的一些其他资源主动推送给客户端,不需要客户端再次发送请求获取资源。
相关推荐
—Qeyser5 小时前
用 Deepseek 写的uniapp血型遗传查询工具
前端·javascript·ai·chatgpt·uni-app·deepseek
小满blue5 小时前
uniapp实现目录树效果,异步加载数据
前端·uni-app
天天扭码7 小时前
零基础 | 入门前端必备技巧——使用 DOM 操作插入 HTML 元素
前端·javascript·dom
张太行_7 小时前
UDP目标IP不存在时的发送行为分析
网络协议·tcp/ip·udp
咖啡虫7 小时前
css中的3d使用:深入理解 CSS Perspective 与 Transform-Style
前端·css·3d
拉不动的猪8 小时前
设计模式之------策略模式
前端·javascript·面试
旭久8 小时前
react+Tesseract.js实现前端拍照获取/选择文件等文字识别OCR
前端·javascript·react.js
独行soc8 小时前
2025年常见渗透测试面试题-红队面试宝典下(题目+回答)
linux·运维·服务器·前端·面试·职场和发展·csrf
uhakadotcom8 小时前
Google Earth Engine 机器学习入门:基础知识与实用示例详解
前端·javascript·面试