HTTP/2:让网络飞起来
文章目录
- 一、HTTP/2 的基本概念和背景
- 二、HTTP/2 的主要特性和优势
- 2.1 二进制帧
- 2.2 多路复用
- 2.3 头部压缩
- 2.4 服务器推送
- 三、HTTP/2 的实现和部署
- 四、HTTP/2 与现有技术的比较
- 五、HTTP/2 与 Web 性能优化
- 六、结束语:让 HTTP/2 助力你的 Web 开发
今天我们来聊聊一个让网络飞起来的技术——HTTP/2。你可能已经听说过 HTTP/2,但是你知道它是什么吗?为什么我们需要它?它和我们正在使用的 HTTP/1.1 有什么区别?别急,接下来我们将一一揭晓。
一、HTTP/2 的基本概念和背景
HTTP/2,全名是 Hypertext Transfer Protocol Version 2,是 HTTP 协议的最新版本。它的起源可以追溯到 Google 的 SPDY 项目,该项目的目的是解决 HTTP/1.1 的一些性能问题。HTTP/2 继承了 SPDY 的许多优点,并在此基础上进行了进一步的改进。
那么,为什么我们需要 HTTP/2 呢?这是因为 HTTP/1.1 虽然经过了多年的使用和改进,但仍然存在一些问题,如头部冗余、无法并行处理请求等。HTTP/2 正是为了解决这些问题,提高网络性能而诞生的。
二、HTTP/2 的主要特性和优势
HTTP/2 引入了许多新的特性,如二进制帧、多路复用、头部压缩、服务器推送等,这些都让 HTTP/2 比 HTTP/1.1 更强大。
2.1 二进制帧
在 HTTP/2 中,所有的通信都是通过二进制帧进行的。每个帧都由一个小的固定大小的头部和一个可选的负载组成。头部包括帧的长度、类型、标志以及帧关联的流的标识符。每个帧的结构如下:
+-----------------+-----------------+-----------------+
| Frame Length | Frame Type | Flags |
+-----------------+-----------------+-----------------+
| Stream Identifier (Associated Stream) |
+-----------------+-----------------+-----------------+
| Optional Payload
+---------------------------------------------------+
- Frame Length:帧的长度。
- Frame Type:帧的类型。
- Flags:帧的标志。
- Stream Identifier:帧关联的流的标识符。
- Optional Payload:可选的负载。
这种二进制帧的结构使得协议的解析、实现和解耦变得更加容易。而且,由于帧的头部固定,可以减少不必要的网络开销。
2.2 多路复用
多路复用是 HTTP/2 中的一种关键特性。在 HTTP/1.1 中,如果要并行发送多个请求,需要创建多个 TCP 连接,这会消耗大量的资源。而在 HTTP/2 中,多个请求和响应可以在同一个连接上并行传输。这是通过将每个请求或响应分割成多个帧,然后在同一个连接上交错发送这些帧来实现的。每个帧都关联一个流,流的标识符用于区分不同的请求或响应。这种机制大大提高了网络的利用率。
以下是一个简单的示意图,描述了HTTP/2 中帧、流、流的标识符、请求或响应的关系:
+-------------------------------------------------+
| TCP Connection |
| |
| +------------------+ +------------------+ |
| | Stream 1 | | Stream 2 | ... |
| | (Request/Response A) | (Request/Response B) | |
| | +------+ +------+ | +------+ +------+ | |
| | |Frame1| |Frame2| | |Frame1| |Frame2| | |
| | +------+ +------+ | +------+ +------+ | |
| +------------------+ +------------------+ |
+-------------------------------------------------+
在这个图中,每个 TCP 连接上可以有多个流(Stream 1,Stream 2,…),每个流对应一个请求或响应(Request/Response A,Request/Response B)。每个请求或响应又被分割成多个帧(Frame 1,Frame 2),这些帧交错在同一个连接上发送。
2.3 头部压缩
在 HTTP/1.1 中,每个请求和响应都会发送大量的头部信息,这会占用大量的带宽。HTTP/2 通过引入 HPACK 压缩格式,有效地解决了这个问题。HPACK 使用两个主要的技术来压缩头部:一是静态哈夫曼编码,用于压缩单个头部字段;二是动态表,用于在整个连接过程中缓存和复用之前发送的头部字段。这种机制大大减少了头部的大小,从而节省了带宽。
2.4 服务器推送
服务器推送允许服务器未经客户端请求就发送资源。这是通过服务器发送一个 PUSH_PROMISE 帧来实现的,该帧包含了服务器将要发送的资源的头部字段。然后,服务器可以开始发送这个资源的数据帧,就好像这个资源是由客户端请求的一样。这种机制可以使得客户端更早地获取到资源,从而提高页面的加载速度。
三、HTTP/2 的实现和部署
那么,如何在服务器和客户端实现 HTTP/2 呢?其实大多数现代的 web 服务器和浏览器都已经支持 HTTP/2。你只需要更新你的 web 服务器和浏览器到最新版本,就可以使用 HTTP/2 了。
部署 HTTP/2 也很简单。由于 HTTP/2 完全兼容 HTTP/1.1,你不需要修改任何应用代码,只需要在你的 web 服务器上启用 HTTP/2 即可。
四、HTTP/2 与现有技术的比较
当我们谈论 HTTP/2 时,我们经常会把它和 HTTP/1.1、SPDY、QUIC 等其他网络传输协议进行比较。
相比 HTTP/1.1,HTTP/2 的性能有了显著的提升,如我们前面所说的二进制帧、多路复用、头部压缩、服务器推送等。
相比 SPDY,HTTP/2 在其基础上进行了进一步的改进,如引入了二进制帧,改进了头部压缩算法等。
相比 QUIC,HTTP/2 更加稳定和成熟,而 QUIC 还在实验阶段,但 QUIC 有一些更先进的特性,如基于 UDP 的传输,我们可以期待其未来的发展。
五、HTTP/2 与 Web 性能优化
最后,我们来谈谈 HTTP/2 如何影响现有的 Web 性能优化策略。
在 HTTP/1.1 的时代,我们有很多优化策略,如文件合并、图片雪碧图、域名分片等,这些都是为了解决 HTTP/1.1 的限制。但在 HTTP/2 中,这些优化策略可能就不再需要了,甚至可能会适得其反。
-
文件合并:在 HTTP/2 中,由于支持多路复用,我们不再需要将多个文件合并为一个文件,以减少请求次数。反而,保持文件的独立,可以让浏览器更好地进行缓存和并行处理。
-
图片雪碧图:在 HTTP/2 中,由于支持多路复用,我们不再需要将多个图片合并为一个雪碧图,以减少请求次数。反而,保持图片的独立,可以让浏览器更好地进行缓存和并行处理。
-
域名分片:在 HTTP/2 中,由于支持多路复用,我们不再需要将资源分散到多个域名,以增加并行连接数。反而,使用一个域名,可以让浏览器更好地进行连接复用。
因此,我们在 HTTP/2 下,需要重新思考我们的 Web 性能优化策略,以充分利用 HTTP/2 的特性。
六、结束语:让 HTTP/2 助力你的 Web 开发
好了,通过上面的介绍,相信你对 HTTP/2 有了更深的理解。HTTP/2 是一个强大的网络传输协议,它为我们的 Web 开发带来了许多优势。希望你能在你的项目中尝试使用 HTTP/2,让你的网站飞起来!
相关文章:
HTTP/2:让网络飞起来
文章目录 一、HTTP/2 的基本概念和背景二、HTTP/2 的主要特性和优势2.1 二进制帧2.2 多路复用2.3 头部压缩2.4 服务器推送 三、HTTP/2 的实现和部署四、HTTP/2 与现有技术的比较五、HTTP/2 与 Web 性能优化六、结束语:让 HTTP/2 助力你的 Web 开发 今天我们来聊聊一…...
C++ primer plus 第17 章 输入、输出和文件:刷新输出缓冲区
C primer plus 第17 章 输入、输出和文件:刷新输出缓冲区 C primer plus 第17 章 输入、输出和文件:刷新输出缓冲区 文章目录 C primer plus 第17 章 输入、输出和文件:刷新输出缓冲区17.2.3刷新输出缓冲区 17.2.3刷新输出缓冲区 如果程序使…...
项目总结2
文件的分片上传 格外功能是:秒传,断点续传。 今天最惨,上午找bug,下午一直在修改,晚上脑子what了,混乱的很,数据表之间的逻辑不清晰,导致我传值,还有操作数据库一直有问…...
PXE实现自动批量安装部署操作系统
PXE简介 PXE(Preboot eXecution Environment)是一种在计算机启动时使用网络接口从远程服务器获取操作系统安装和启动信息的技术。通过PXE,计算机可以从局域网中的PXE服务器上下载操作系统安装文件,并进行自动化的操作系统部署或故…...
Cyber Weekly #18
赛博新闻 1、Google 狂卷小模型,2B 参数 Gemma 2 赶超 GPT-3.5 Google本周发布了开源的轻量级、高性能模型 Gemma 2 2B。它拥有 20 亿参数,是从更大规模的模型中提炼而来的,在 LMSYS 大模型竞技场的得分超越了 GPT-3.5 和 Mixtral 8x7B。该…...
Open Interpreter - 开放解释器
文章目录 一、关于演示它是如何工作的?与 ChatGPT 的代码解释器比较 二、快速开始三、更多操作1、互动聊天2、程序化聊天3、开始新的聊天4、保存和恢复聊天5、自定义系统消息6、更改模型7、在本地运行 Open Interpreter终端Python上下文窗口,最大令牌 8、…...
“八股文”:程序员的福音还是梦魇?
——一场关于面试题的“代码战争” 在程序员的世界里,“八股文”这个词儿可谓是“如雷贯耳”。不,咱们可不是说古代科举考试中的那种八股文,而是指程序员面试中的那些固定套路的题目。如今,各大中小企业在招聘程序员时࿰…...
数据结构第2天作业 8月3日
单向链表 typedef int datatype; //由于有效数据不一定是正数,所以将数据重命名。typedef struct lklst{ //不能是无名结构体了,因为定义指针域的时候需要使用union{int len; //头结点时候使用;datatype data; …...
设计界的新宠:5款热门UI在线设计软件评测
随着用户界面设计行业的蓬勃发展,越来越多的设计师进入用户界面设计。选择一个方便的用户界面设计工具尤为重要!除了传统的用户界面设计工具,在线用户界面设计工具也受到越来越多设计师的青睐。这种不受时间、地点、计算机配置限制的工作方法…...
github添加ssh密钥,通过ssh方式推送代码
左手编程,右手年华。大家好,我是一点,关注我,带你走入编程的世界。 公众号:一点sir,关注领取python编程资料 很多人在使用github的时候,如果还是使用https的方式推送代码的话,可能会…...
Python设计模式 - 抽象工厂模式
定义 抽象工厂模式是一种创建型设计模式,它提供了一种创建一系列相关或相互依赖对象的接口,而无需指定它们具体的类。 产品等级结构与产品族 为了更好地理解抽象工厂模式,先引入两个概念: 产品等级结构:就是产品的…...
【JavaEE初阶】懒汉模式与饿汉模式及指令重排序问题
目录 📕 单例模式 🌳 饿汉模式 🚩 线程安全 🎍 懒汉模式 🚩 懒汉模式-单线程版 🚩 懒汉模式-多线程版 🎄 指令重排序 📕 单例模式 单例模式是一种经典的设计模式,…...
Vue3使用Cascader 级联选择器如何获取值并提交信息
我写了一个用户对象,有address地址字段,我怎么将用户选择的级联数据selectedValue值传给address,并将对象返回给后端,核心代码实现了该问题。 <script> 核心代码: //获取住址并更新给addresslet selectedValue…...
Python面试整理-第三方库
Python社区提供了大量的第三方库,这些库扩展了Python的功能,覆盖了从数据科学到网络应用开发等多个领域。以下是一些非常流行和广泛使用的第三方库: 1. NumPy ● 用途:数值计算。 ● 特点:提供了一个强大的N维数组对象和大量用于数学运算的函数。 ● 应用场景:科学计算、…...
电脑添加虚拟网卡与ensp互联,互访
一、按照过程 1、打开设备管理器 2、点击网络适配器,点击左上角操作,点击“添加过时硬件” 3、下一页 4、选择“安装我手动从列表选择的硬件”,下一页 5、下拉,选择“网络适配器”,下一页 6、厂商选择“Microsoft”&…...
悬而未决:奇怪的不允许跨域CORS policy的问题
我在本地HBuilderX中进行预览写好的前端网页,它里面用了ajax访问了远程服务器的后端API网址,不出意外地报不允许跨域访问的错了:Access to XMLHttpRequest at ‘http://xxx.com/MemberUser/login’ from origin ‘http://mh.com’ has been b…...
索引优化秘籍:SQL Server数据库填充因子的调优艺术
索引优化秘籍:SQL Server数据库填充因子的调优艺术 在SQL Server的性能优化中,索引起着至关重要的作用。而索引填充因子(Fill Factor)则是控制索引页填充程度的重要参数,它直接影响索引的存储效率和查询性能。本文将深…...
ffmpeg 的内存分配架构
------------------------------------------------------------ author: hjjdebug date: 2024年 08月 01日 星期四 18:00:47 CST descripton: ffmpeg 的内存分配架构1 ------------------------------------------------------------ ffmpeg 的内配分配搞的人晕菜&#…...
Vue+live2d实现虚拟人物互动(一次体验叙述)
目录 故事的开头: 最终的实现效果: 实现步骤: 第一步:下载重要文件 第二步:创建vue项目文件,将刚下载文件拷贝到public目录下 第三步:在index.html文件中引入js 第四步:使用&…...
内联函数的概念和用途以及区别
内联函数(Inline Function)是C(以及C99之后的C语言)中的一个特性,旨在通过减少函数调用的开销来提高程序的执行效率。在正常情况下,当程序调用一个函数时,会发生一系列的操作,包括保…...
浏览器访问 AWS ECS 上部署的 Docker 容器(监听 80 端口)
✅ 一、ECS 服务配置 Dockerfile 确保监听 80 端口 EXPOSE 80 CMD ["nginx", "-g", "daemon off;"]或 EXPOSE 80 CMD ["python3", "-m", "http.server", "80"]任务定义(Task Definition&…...
IDEA运行Tomcat出现乱码问题解决汇总
最近正值期末周,有很多同学在写期末Java web作业时,运行tomcat出现乱码问题,经过多次解决与研究,我做了如下整理: 原因: IDEA本身编码与tomcat的编码与Windows编码不同导致,Windows 系统控制台…...
【kafka】Golang实现分布式Masscan任务调度系统
要求: 输出两个程序,一个命令行程序(命令行参数用flag)和一个服务端程序。 命令行程序支持通过命令行参数配置下发IP或IP段、端口、扫描带宽,然后将消息推送到kafka里面。 服务端程序: 从kafka消费者接收…...
Unity3D中Gfx.WaitForPresent优化方案
前言 在Unity中,Gfx.WaitForPresent占用CPU过高通常表示主线程在等待GPU完成渲染(即CPU被阻塞),这表明存在GPU瓶颈或垂直同步/帧率设置问题。以下是系统的优化方案: 对惹,这里有一个游戏开发交流小组&…...
C++.OpenGL (10/64)基础光照(Basic Lighting)
基础光照(Basic Lighting) 冯氏光照模型(Phong Lighting Model) #mermaid-svg-GLdskXwWINxNGHso {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-GLdskXwWINxNGHso .error-icon{fill:#552222;}#mermaid-svg-GLd…...
c#开发AI模型对话
AI模型 前面已经介绍了一般AI模型本地部署,直接调用现成的模型数据。这里主要讲述讲接口集成到我们自己的程序中使用方式。 微软提供了ML.NET来开发和使用AI模型,但是目前国内可能使用不多,至少实践例子很少看见。开发训练模型就不介绍了&am…...
在WSL2的Ubuntu镜像中安装Docker
Docker官网链接: https://docs.docker.com/engine/install/ubuntu/ 1、运行以下命令卸载所有冲突的软件包: for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove $pkg; done2、设置Docker…...
大学生职业发展与就业创业指导教学评价
这里是引用 作为软工2203/2204班的学生,我们非常感谢您在《大学生职业发展与就业创业指导》课程中的悉心教导。这门课程对我们即将面临实习和就业的工科学生来说至关重要,而您认真负责的教学态度,让课程的每一部分都充满了实用价值。 尤其让我…...
Swagger和OpenApi的前世今生
Swagger与OpenAPI的关系演进是API标准化进程中的重要篇章,二者共同塑造了现代RESTful API的开发范式。 本期就扒一扒其技术演进的关键节点与核心逻辑: 🔄 一、起源与初创期:Swagger的诞生(2010-2014) 核心…...
零基础在实践中学习网络安全-皮卡丘靶场(第九期-Unsafe Fileupload模块)(yakit方式)
本期内容并不是很难,相信大家会学的很愉快,当然对于有后端基础的朋友来说,本期内容更加容易了解,当然没有基础的也别担心,本期内容会详细解释有关内容 本期用到的软件:yakit(因为经过之前好多期…...
