http2解决了哪些问题_简述http2的优点
myzbx 2025-09-01 09:57 68 浏览
HTTP/2(最初称为 SPDY)是 HTTP 协议的第二个主要版本,它在 HTTP/1.1 的基础上进行了重大改进,旨在解决其在性能和效率方面的诸多瓶颈。以下是 HTTP/2 主要解决的问题:
队头阻塞(Head-of-Line Blocking)问题:
- HTTP/1.1 的问题:在 HTTP/1.1 中,虽然可以建立多个 TCP 连接来并行请求资源,但每个连接内部的请求是串行处理的。如果一个请求的响应很慢,它会阻塞后续请求的响应(尤其是在使用 keep-alive 时),造成“队头阻塞”。
 - HTTP/2 的解决方案:引入了多路复用(Multiplexing)。所有请求和响应都在同一个 TCP 连接上通过流(Stream)、消息(Message) 和帧(Frame) 的分层结构并行传输。每个流都有唯一的 ID,帧可以交错发送并重新组装,从而彻底解决了应用层(HTTP层)连接内部的队头阻塞问题。
 
减少延迟和提升页面加载速度:
- HTTP/1.1 的问题:为了克服串行请求的限制,浏览器通常会为一个站点建立 6-8 个并发 TCP 连接。这不仅增加了建立连接的开销(TCP 握手、TLS 握手),还可能导致网络拥塞。
 - HTTP/2 的解决方案:通过多路复用,一个 TCP 连接就足以处理所有资源的并行请求和响应。这大大减少了连接建立的开销和延迟,提高了网络资源的利用率,从而显著提升了页面加载速度。
 
头部信息冗余和传输开销大:
- HTTP/1.1 的问题:HTTP 头部信息(如 Cookie、User-Agent 等)通常很大且重复,每次请求都必须完整发送,占用了大量带宽,尤其在移动端或高延迟网络中影响明显。
 - HTTP/2 的解决方案:采用了HPACK 压缩算法对 HTTP 头部进行压缩。客户端和服务器都维护一个头部字段的索引表,只传输索引和增量信息,极大地减少了头部传输的数据量。
 
服务器被动响应,无法主动推送资源:
- HTTP/1.1 的问题:服务器只能被动地响应客户端的请求。如果客户端请求一个 HTML 页面,服务器返回后,客户端需要再次请求其中的 CSS、JavaScript、图片等资源,增加了往返次数(RTT)。
 - HTTP/2 的解决方案:引入了服务器推送(Server Push) 功能。服务器可以在客户端请求一个资源时,主动将它预测客户端接下来会需要的资源(如 HTML 页面依赖的 CSS 和 JS 文件)一并推送给客户端,减少了客户端发现和请求这些资源的延迟。
 
请求效率低下:
- HTTP/1.1 的问题:请求必须等待响应才能发出下一个(在单个连接上),或者需要复杂的连接管理来实现并发。
 - HTTP/2 的解决方案:除了多路复用带来的并行性,HTTP/2 还允许客户端发送优先级(Priority) 信息,告知服务器哪些资源更重要,需要优先处理和传输,从而更智能地分配带宽。
 
总结来说,HTTP/2 的核心改进在于:
- 多路复用:解决队头阻塞,实现真正的并行。
 - 二进制分帧层:将消息分解为更小的帧,支持多路复用和优先级。
 - 头部压缩(HPACK):减少不必要的数据传输。
 - 服务器推送:允许服务器主动发送资源。
 - 请求优先级:优化资源传输顺序。
 
相关推荐
- 如何设计一个优秀的电子商务产品详情页
 - 
        
加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面...
 
- 怎么在JS中使用Ajax进行异步请求?
 - 
        
大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加...
 
- 中小企业如何组建,管理团队_中小企业应当如何开展组织结构设计变革
 - 
        
前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很...
 
- 前端监控 SDK 开发分享_前端监控系统 开源
 - 
        
一、前言随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的...
 
- Ajax 会被 fetch 取代吗?Axios 怎么办?
 - 
        
大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是ajax、fetch...
 
- 前端面试题《AJAX》_前端面试ajax考点汇总
 - 
        
1.什么是ajax?ajax作用是什么?AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实...
 
- Ajax 详细介绍_ajax
 - 
        
1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术,其本质是利用浏览器内置的一个特殊的...
 
- 6款可替代dreamweaver的工具_替代powerdesigner的工具
 - 
        
dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...
 
- 我敢保证,全网没有再比这更详细的Java知识点总结了,送你啊
 - 
        
接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你绝...
 
- 福斯《死侍》发布新剧照 "小贱贱"韦德被改造前造型曝光
 - 
        
时光网讯福斯出品的科幻片《死侍》今天发布新剧照,其中一张是较为罕见的死侍在被改造之前的剧照,其余两张剧照都是死侍在执行任务中的状态。据外媒推测,片方此时发布剧照,预计是为了给不久之后影片发布首款正式预...
 
- 2021年超详细的java学习路线总结—纯干货分享
 - 
        
本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!第一阶段:Java基础重点知识点:数据类型、核心语法、面向对象...
 
- 不用海淘,真黑五来到你身边:亚马逊15件热卖爆款推荐!
 - 
        
Fujifilm富士instaxMini8小黄人拍立得相机(黄色/蓝色)扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机,此款是mini8的小黄人特别版,除了颜色涂装成小黄人...
 
- 2025 年 Python 爬虫四大前沿技术:从异步到 AI
 - 
        
作为互联网大厂的后端Python爬虫开发,你是否也曾遇到过这些痛点:面对海量目标URL,单线程爬虫爬取一周还没完成任务;动态渲染的SPA页面,requests库返回的全是空白代码;好不容易...
 
- 最贱超级英雄《死侍》来了!_死侍超燃
 - 
        
死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/...
 
- 停止javascript的ajax请求,取消axios请求,取消reactfetch请求
 - 
        
一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。停止javascript的ajax请求...
 
- 一周热门
 
- 最近发表
 
- 标签列表
 - 
- HTML 简介 (30)
 - HTML 响应式设计 (31)
 - HTML URL 编码 (32)
 - HTML Web 服务器 (31)
 - HTML 表单属性 (32)
 - HTML 音频 (31)
 - HTML5 支持 (33)
 - HTML API (36)
 - HTML 总结 (32)
 - HTML 全局属性 (32)
 - HTML 事件 (31)
 - HTML 画布 (32)
 - HTTP 方法 (30)
 - 键盘快捷键 (30)
 - CSS 语法 (35)
 - CSS 轮廓宽度 (31)
 - CSS 谷歌字体 (33)
 - CSS 链接 (31)
 - CSS 定位 (31)
 - CSS 图片库 (32)
 - CSS 图像精灵 (31)
 - SVG 文本 (32)
 - 时钟启动 (33)
 - HTML 游戏 (34)
 - JS Loop For (32)
 
 
