深入理解 HTTP/1.x、HTTP/2 和 HTTPS

最新推荐文章于 2023-03-29 12:18:16 发布
最新推荐文章于 2023-03-29 12:18:16 发布
阅读量668 收藏
点赞数
分类专栏： HTTP知识

很多站长可能到现在都没有理解 HTTP/1.x、HTTP/2 和 HTTPS 之间的区别和关系吧？说实话，明月也是“一知半解”的水准而已，今天看到了这篇文章感觉总结还算是比较全面，特此分享出来给大家就当是科普文了！

图片来自明月登楼博客【imydl.com】

一、HTTP/1.x

Http1.x

缺陷：线程阻塞，在同一时间，同一域名的请求有一定数量限制，超过限制数目的请求会被阻塞

http1.0

缺陷：浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个 TCP 连接（TCP 连接的新建成本很高，因为需要客户端和服务器三次握手），服务器完成请求处理后立即断开 TCP 连接，服务器不跟踪每个客户也不记录过去的请求；解决方案：添加头信息——非标准的 Connection 字段 Connection: keep-alive

http1.1

改进点：

1、持久连接

引入了持久连接，即 TCP 连接默认不关闭，可以被多个请求复用，不用声明 Connection: keep-alive(对于同一个域名，大多数浏览器允许同时建立 6 个持久连接)

2、管道机制

即在同一个 TCP 连接里面，客户端可以同时发送多个请求。

3、分块传输编码

即服务端没产生一块数据，就发送一块，采用”流模式”而取代”缓存模式”。

4、新增请求方式

PUT:请求服务器存储一个资源;

DELETE：请求服务器删除标识的资源；

OPTIONS：请求查询服务器的性能，或者查询与资源相关的选项和需求；

TRACE：请求服务器回送收到的请求信息，主要用于测试或诊断；

CONNECT：保留将来使用

缺点：

虽然允许复用 TCP 连接，但是同一个 TCP 连接里面，所有的数据通信是按次序进行的。服务器只有处理完一个请求，才会接着处理下一个请求。如果前面的处理特别慢，后面就会有许多请求排队等着。这将导致“队头堵塞”

避免方式：一是减少请求数，二是同时多开持久连接

图片来自明月登楼博客【imydl.com】

二、HTTP/2.0

特点

采用二进制格式而非文本格式；完全多路复用，而非有序并阻塞的、只需一个连接即可实现并行；使用报头压缩，降低开销服务器推送

1. 二进制协议

HTTP/1.1 版的头信息肯定是文本（ASCII 编码），数据体可以是文本，也可以是二进制。HTTP/2 则是一个彻底的二进制协议，头信息和数据体都是二进制，并且统称为”帧”：头信息帧和数据帧。二进制协议解析起来更高效、“线上”更紧凑，更重要的是错误更少。

2. 完全多路复用

HTTP/2 复用 TCP 连接，在一个连接里，客户端和浏览器都可以同时发送多个请求或回应，而且不用按照顺序一一对应，这样就避免了”队头堵塞”。

3. 报头压缩

HTTP 协议是没有状态，导致每次请求都必须附上所有信息。所以，请求的很多头字段都是重复的，比如 Cookie，一样的内容每次请求都必须附带，这会浪费很多带宽，也影响速度。对于相同的头部，不必再通过请求发送，只需发送一次；HTTP/2 对这一点做了优化，引入了头信息压缩机制；一方面，头信息使用 gzip 或 compress 压缩后再发送；另一方面，客户端和服务器同时维护一张头信息表，所有字段都会存入这个表，产生一个索引号，之后就不发送同样字段了，只需发送索引号。

4. 服务器推送

HTTP/2 允许服务器未经请求，主动向客户端发送资源；通过推送那些服务器任务客户端将会需要的内容到客户端的缓存中，避免往返的延迟

图片来自明月登楼博客【imydl.com】

三、HTTPS

HTTP 协议通常承载于 TCP 协议之上，在 HTTP 和 TCP 之间添加一个安全协议层（SSL 或 TSL），这个时候，就成了我们常说的 HTTPS.

1、HTTPS 主要作用

- （1）对数据进行加密，并建立一个信息安全通道，来保证传输过程中的数据安全;

- （2）对网站服务器进行真实身份认证。

2、HTTPS 和 HTTP 的区别

- 1、HTTPS 是加密传输协议，HTTP 是名文传输协议;

- 2、HTTPS 需要用到 SSL 证书，而 HTTP 不用;

- 3、HTTPS 比 HTTP 更加安全，对搜索引擎更友好，利于 SEO,

- 4、 HTTPS 标准端口 443，HTTP 标准端口 80;

- 5、 HTTPS 基于传输层，HTTP 基于应用层;

3、HTTPS 和 HTTP 的工作过程区别

HTTP 包含动作：

浏览器打开一个 TCP 连接

浏览器发送 HTTP 请求到服务器端

服务器发送 HTTP 回应信息到浏览器

TCP 连接关闭

SSL 包含动作：

验证服务器端

客户端和服务器端选择加密算法和密码，确保双方都支持

验证客户端(可选)

使用公钥加密技术来生成共享加密数据

创建一个加密的 SSL 连接

基于该 SSL 连接传递 HTTP 请求

4、HTTPS 加密方式

对称加密：加密和解密都是使用的同一个密钥；

非对称加密：

加密使用的密钥和解密使用的密钥是不相同的，分别称为：公钥、私钥；

公钥和算法都是公开的，私钥是保密的。

非对称加密过程：

服务端生成配对的公钥和私钥

私钥保存在服务端，公钥发送给客户端

客户端使用公钥加密明文传输给服务端

服务端使用私钥解密密文得到明文

数字签名：签名就是在信息的后面再加上一段内容，可以证明信息没有被修改过。

图片来自明月登楼博客【imydl.com】

至此，不知道各位看明白没有，反正明月还是有点儿乱，好在原理上是基本明白了！自从上次清除了恶意代码后（可参考【再次发现 functions.php 里被植入恶意代码】一文），现在明月的博客在手机端各个浏览器下浏览都是“非常 6”的感觉，加上上周又给 Nginx 使用了 Brotli 压缩算法（可参考【给 Nginx 添加谷歌 Brotli 压缩算法支持】一文）和 HTTP/2 Push Sever 的配置启用，上述这些都是基于 又拍云 CDN的支持下进行的。目前无论是速度还是安全性明月都是比较满意的！

huangtingting1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入理解Vue2.x的虚拟DOM diff原理
11-26
经常看到讲解Vue2的虚拟Dom diff原理的，但很多都是在原代码的基础上添加些注释等等，这里从0行代码开始实现一个Vue2的虚拟DOM 实现VNode src/core/vdom/Vnode.js export class VNode{ constructor ( tag, //...
我所理解的Cocos2d-x
12-23
《我所理解的Cocos2d-x》针对最新的 Cocos2d-x 3.x版本，介绍了Coco2d-x游戏引擎的基本架构、渲染机制，以及各个子模块的功能和原理，并结合OpenGL ES图形渲染管线，深入探讨了游戏开发中涉及的相关图形学的知识，...
HTTP1.x协议详解和HTTP2.0
loserbai的博客
09-18 6638
http简称超文本传输协议，属于应用层协议，基本用于应用之间的数据传输，常用于web方向，是基于tcp的应用层协议，有时候还会基于ssl,tsl就是我们说的https协议HTTP协议(超文本传输协议HyperText Transfer Protocol)，它是基于TCP协议的应用层传输协议，简单来说就是客户端和服务端进行数据传输的一种规则。注意：客户端与服务器的角色不是固定的，一端充当客户端，也可能在某次请求中充当服务器。这取决与请求的发起端。HTTP协议属于应用层，建立在传输层协议TCP之上。
http1 和 http2 的区别
qq_16683523的博客
02-23 8269
HTTP/1.1的缺陷 1.高延迟--带来页面加载速度的降低 网络延迟问题主要由于队头阻塞(Head-Of-Line Blocking),导致带宽无法被充分利用。 队头阻塞是指当顺序发送的请求序列中的一个请求因为某种原因被阻塞时，在后面排队的所有请求也一并被阻塞，会导致客户端迟迟收不到数据。 2.无状态特性--带来的巨大HTTP头部 由于报文Header一般会携带"User Agent""Cookie""Accept""Server"等许多固定的头字段（如下图），多达几百字...
http协议1.x/2.x区别
学如逆水行舟，不进则退！
06-30 1147
http2的新特性： 1.二进制帧层：客户端和服务器端传输数据时把数据分成帧，然后两端进行二进制编码和解码。 优势：所有的通信都建立在一个TCP连接上，可以传递大量的双向流通的流，每个流都有独一无二的标志和优先级，每个消息都是逻辑上的请求和相应消息，由一个或者多个帧组成，来自不同流的帧可以通过帧头的标志来关联和组装起来 2.请求和响应的多路复用：允许客户端和服务端把HTTP消息分解成独立的帧，交错传输，然后在另一端组装。 优势：交错的多个并行的请求，而不需要阻塞，使用一个连接传递所有的并行的请求和响应，移除
http详解（1.X）
菜菜鸟的博客
03-13 2454
前言 HTTP/0.9 HTTP 于 1990 年问世。那时的 HTTP 并没有作为正式的标准被建立。 现在的 HTTP 其实含有 HTTP1.0 之前版本的意思，因此被称为 HTTP/0.9。 HTTP/1.0 HTTP 正式作为标准被公布是在 1996 年的 5 月，版本被命名为 HTTP/1.0，并记载于 RFC1945。虽说是初期标准，但该协议标准至今 仍被广泛使用在服务器端。 RFC1...
HTTP2.0的那些事
weixin_34128839的博客
02-01 791
在我们所处的互联网世界中，HTTP协议算得上是使用最广泛的网络协议。最近http2.0的诞生使得它再次互联网技术圈关注的焦点。任何事物的消退和新生都有其背后推动的力量。对于HTTP来说，这力量复杂来说是各种技术细节的演进，简单来说是用户体验和感知的进化。用户总是希望网络上的信息能尽可能快的抵达眼球，越快越好，正是这种对“快”对追逐催生了今...
基于Runoob的Python 2.x实战练习源码与HTML混合教程
最新发布
03-26
项目概述：基于Runoob的Python 2.x实战混合教程 本项目致力于为学习者提供基于Python 2.x的...本项目基于Runoob提供的Python 2.x教程，旨在通过实际编码练习，帮助学习者深入理解和掌握Python编程基础及Web开发技能。
【算法】包含min函数的栈
yang553566463的博客
10-07 206
Http1.x和Htpp/2的区别 1、Http/2采用二进制格式而非文本格式 比起像Http/1.x这样的文本协议，二进制协议解析起来更高效，更重要的是错误更少。 2、多路复用 Http/1.x有个问题叫线端阻塞，它是指一个连接一次只提交一个请求的效率比较高，多了就会变慢。而多路传输可以很好的解决这个问题，因为它能同时处理多个消息的请求和响应，甚至可以在传输过程中将一个消息跟另一个参杂在一起。所以客户端只需要一个连接就能加载一个页面。 3、Http/2使用报头压缩，降低了开销 假定一个页面有80个资源要加
http/1.x、http/2与https的区别
weixin_30915951的博客
08-23 319
　　面试的时候被问到http与https的区别、以及http/1.x与http/2的区别，之前偶尔有了解，但是没有系统的学习，所以答的就比较模棱两可，结果不大如人意，于是狠下心来。。。学呗 一、首先说http与https的区别 　　（一）、了解http与https之前先要知道一下几个概念： 　　　　1、什么是http与https？ 　　　　2、什么是ssl与tls 　...
HTTP2与HTTP1.1的区别
xiongyk的博客
09-05 9251
HTTP2与HTTP1.X区别
如何在 ASP.NET 4.6 与 IIS10 中运用 HTTP/2 ？
weixin_33675507的博客
12-13 303
　　在过去十年中，Web 技术已经取得了种种进展。从基本的 HTML 开始，网页发展出更丰富的外观和感觉，变得更加直观，对用户更加友好并且越来越大放异彩。这些变化的关键贡献来自于一些新的和翻新技术，且借力于最新的硬件发展和更好的网络连接支持。但性能，自始至终都是 Web 应用关注的领域。 　　近年来，Java 库，CSS 库和插件的火爆使得每个页面都可能包含大量 Java、CSS、图片或者其他资...
HTTP/2 和 HTTP1.x 比，有什么优势和特点？
接着奏乐接着舞的博客
10-24 2187
HTTP/2 的升级, 对于用户来说, 是跨时代的! 基于HTTP/2, 用户访问网页的速度会非常快!!! (充分利用带宽) HTTP/2: 淘宝, 天猫, 京东等, 已做升级 … HTTP/2 采⽤⼆进制格式来传输数据，⽽⾮ HTTP 1.x 的⽂本格式，⼆进制协议解析起来更⾼效 HTTP/2 采用一些头部压缩技术，减少在请求和响应头中重复携带的数据，降低网络负担 HTTP/2 采⽤服务器推送方式，主动向客户端推送资源，提高页面加载效率 HTTP/2 采⽤多路复用机制，减少需要创建的连接数量，降低资源
「计算机网络」浅谈HTTP和HTTPS、HTTP2（概述、区别与联系）
frozenpenguin的博客
03-29 1872
HTTP(HyperText Transfer Protocol)，即超文本运输协议，是实现网络通信的一种规范在计算机和网络世界有，存在不同的协议，如广播协议、寻址协议、路由协议等等…而HTTP是一个传输协议，即将数据由A传到B或将B传输到A，并且 A 与 B 之间能够存放很多第三方，如： AXYZB传输的数据并不是计算机底层中的二进制包，而是完整的、有意义的数据，如HTML 文件, 图片文件, 查询结果等超文本，能够被上层应用识别在实际应用中，HTTP常被用于在Web。
HTTP2和HTTPS有什么区别？
SSL加密技术
08-21 4956
一、HTTP协议的版本： HTTP1.0 HTTP1.1 HTTP/2 二、HTTP协议三个版本的区别： HTTP1.0默认是短连接：也就是说每次与服务器交互，都需要新开一个连接。 在HTTP1.1中默认就使用持久化连接来解决：建立一次连接，多次请求均由这个连接完成。 HTTP2所有性能增强的核心在于新的二进制分帧层(不再以文本格式来传输了)，它定义了如何封装http消息并在客户端与服务器之间传输。HTTP2连接上传输的每个帧都关联到一个“流”。流是一个独立的，双向的帧序列可以通过一个
浅谈HTTP1.x与HTTP2.0的区别
Dax1_的博客
04-07 2968
HTTP1.0 —— 无状态无连接的应用层协议 无状态：服务器不跟踪不记录请求过的状态 无连接：浏览器每次请求都要建立TCP连接 HTTP1.0规定浏览器和服务器保持短暂的连接，浏览器每次请求都需要与服务器建立一个TCP连接，服务器处理完成后立即断开TCP连接（无连接），服务器不跟踪每个客户端也不记录过去的请求（无状态） 无连接特性会导致以下的缺陷： 无法复用连接。每次发送请求都需要建立一次TCP连接，而TCP的连接释放过程是比较费事的，导致网络利用率非常低 队头堵塞。由于HTTP1.0规定下一个请求
HTTPS、HTTP1.1与HTTP2的区别、概念和联系(使用golang实现HTTP2服务器)
klay的博客
07-16 1874
HTTPS是HTTP的加密传输版本，HTTP2是加密传输协议，所以HTTPS和HTTP2没有本质的联系 HTTPS 因为http的利用明文进行传输的，所以存在不安全性，https使用SSL\TLS协议对http报文进行加密传输 http的默认端口为80，而https的默认端口为443 在讲解https加密传输之前我们还需要先解释公钥和私钥 公钥和私钥 在现代密码体制中加密和解密是采用不同的密钥（公开密钥），也就是非对称密钥密码系统，每个通信方均需要两个密钥，即公钥和私钥，这两把密钥可以互为加解密。公钥是公开
关于http 1.x和http2的区别
weixin_43831261的博客
12-23 249
个人学习笔记 http1.x的缺点 1.首先浏览器能够针对同一个域名能够发起的tcp请求是有限制的，谷歌浏览器限制的同时 的6个，这样的话其他的请求就需要排队处理。 优化方法：js片段的整合，css整合，图片整合 2.以明文文本字符串的形式传输内容，存在安全问题。 3.http 请求头无状态特性 导致传输效率低下 多个http请求头大部分信息是相同的，重复传输，导致宽带浪费.请求头多达几百字节，而请求主体却只有十几个字节，有效信息比很低 4.只能浏览器主动请求响应，不能服务器主动推送信息过来 ...
深入介绍一下vue2.x中异步的概念
07-15
在 Vue 2.x 中，异步操作是一种常见的编程模式，用于处理需要等待时间的任务。异步操作的概念可以理解为在执行某个任务时，不会阻塞其他任务的执行，而是将该任务放入事件队列中，等待合适的时机执行。 JavaScript 是单线程的语言，意味着一次只能执行一个任务。如果某个任务需要花费较长时间来完成（例如网络请求、读取大量数据、定时器等），那么在这段时间内，其他任务将被阻塞，导致页面失去响应性并且用户体验不佳。为了解决这个问题，就需要使用异步操作。 在 Vue 2.x 中，异步操作通常涉及到数据获取、状态变更、副作用处理和组件生命周期等任务。通过使用异步操作，可以使页面保持响应，并提升用户体验。 异步操作可以通过多种方式来实现： 1. 回调函数：使用回调函数是最基础的异步操作方法。通过定义一个回调函数，在异步任务完成后执行该回调函数，并处理任务结果。 ```javascript // 使用回调函数处理异步操作 getData(callback) { setTimeout(() => { const data = 'Async Data'; callback(data); }, 1000); } ``` 2. Promise：Promise 是一种用于处理异步操作的对象，它可以代表一个异步任务的最终完成或失败。通过使用 Promise，可以链式调用 `.then()` 和 `.catch()` 方法来处理异步任务的结果。 ```javascript // 使用 Promise 处理异步操作 getData() { return new Promise((resolve, reject) => { setTimeout(() => { const data = 'Async Data'; resolve(data); }, 1000); }); } ``` 3. async/await：async/await 是 ES2017 引入的语法糖，用于更简洁地处理异步操作。在使用 async/await 时，函数必须以 `async` 关键字声明，`await` 关键字可以等待一个返回 Promise 的表达式，并暂停函数的执行，直到 Promise 完成。 ```javascript // 使用 async/await 处理异步操作 async getData() { return new Promise((resolve, reject) => { setTimeout(() => { const data = 'Async Data'; resolve(data); }, 1000); }); } ``` 4. Vue 异步组件：Vue 中的异步组件允许将组件的加载延迟到需要时再进行，以减少初始加载时间。通过使用 `Vue.component` 方法的 `component` 参数，可以传入一个返回 Promise 的函数，用于异步加载组件。 ```javascript // 使用异步组件 Vue.component('AsyncComponent', () => import('./AsyncComponent.vue')); ``` 通过使用这些异步操作的方法，可以处理需要等待时间的任务，如网络请求、定时器和事件回调等。这样可以保持页面的响应性，并提升用户体验。 总结： 在 Vue 2.x 中，异步操作是一种常见的编程模式，用于处理需要等待时间的任务。通过使用回调函数、Promise、async/await 和 Vue 异步组件等方法，可以更好地处理异步操作，提升用户体验。异步操作允许任务在合适的时机执行，而不会阻塞其他任务的执行，使页面保持响应并具有更好的性能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值