http （三） 一个http连接支持多少个请求

一、从 URL 在浏览器被被输入到页面展现的过程中发生了什么？

•  在浏览器地址中输入了URL并回车

URL（Uniform Resource Locator），统一资源定位符，用于定位互联网上的资源。

URL的格式一般为：协议类型://<主机名>:<端口>/<路径>/<文件名>
协议类型有http、https、ftp、file等等。其中http协议是最常见的网络传输协议，https则是进行加密的网络传输协议，安全性更高。

再来解释一下什么是IP：
IP 是Internet Protocol的缩写。也就是为计算机网络相互连接进行通信而设计的协议。在因特网中，它是能使连接到网上的所有计算机网络实现相互通信的一套规则，规定了计算机在因特网上进行通信时应当遵守的规则。

简单来说，每个处于互联网中的设备都有IP地址，比如192.168.0.1，127.0.0.1等等。

• 域名解析

域名解析过程中，域名指的是什么呢？

比如 https://www.baidu.com ，前面的"https"表示采用了https协议，而域名就是www.baidu.com，所以我们常说的网站名其实就是该网站的域名。同时域名www.baidu.com也在域名服务器绑定了一个IP，理论上输入与之对应的IP也是可以访问百度首页的，但是使用IP地址进行访问远不如使用域名方便，一个原因是域名更容易被人脑记住，同时域名也是很多公司的名字。

而域名解析这个过程，就是在键入了URL之后，把域名指向网站空间IP，让人们通过注册的域名可以方便地访问到网站的一种服务。

浏览器具体会从以下几个缓存去查找域名对应的IP：

• 浏览器缓存：浏览器会检查DNS缓存中是否有与该域名对应的IP
• 系统缓存：从Hosts文件查找是否有对应域名和IP
• 路由器缓存：路由器也会缓存DNS，从路由器的DNS中查找对应IP
• IPS DNS：比如到8.8.8.8或者114.114.114.114，也就是谷歌或者互联网的应用提供商的DNS缓存服务器中查找IP

（DNS：Domain Name System，域名系统，因特网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。）

• 服务器处理请求

服务器是一台安装系统的机器，常见的系统有Linux、Windows Server 2012。而每台服务器的系统中都会安装处理请求的应用——Web server。

Web server可以解析接收到的HTTP请求（Rquest），返回一个HTTP响应（Response）给用户，或者接受请求后反向代理到其他的Web服务器进行别的解析。总而言之，服务器端都会产生相应的HTML响应让浏览器进行浏览。

具体接收到的HTTP请求则是在后台进行处理，后台处理的主流框架是按照MVC：模型（model）-视图（view）-控制器（controller）进行搭建的。

• 浏览器处理

浏览器会接收到服务器处理返回的HTML字符串，然后进行解析，HTML页面经历了加载、解析、渲染过程。

比如浏览器解析到了link标签，浏览器会重新发送请求获取css文件；解析到了img标签，也会发送请求获取图片资源；当解析到了script标签，html文档会挂起渲染（加载解析渲染同步）的线程，不仅要等待文档中js文件加载完毕，还要等待解析执行完毕，才可以恢复html文档的渲染线程。

• 网页的绘制

• 浏览器根据HTML和css计算得到渲染树，最终绘制到屏幕上。也就是浏览器中我们能看到和进行交互的页面。

二、收到的 HTML 如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下载下来的呢？

要搞懂这个问题，我们需要先解决下面五个问题：

• 现代浏览器在与服务器建立了一个 TCP 连接后是否会在一个 HTTP 请求完成后断开？什么情况下会断开。

• 一个 TCP 连接可以对应几个 HTTP 请求？

• 一个 TCP 连接中 HTTP 请求发送可以一起发送么（比如一起发三个请求，再三个响应一起接收）？

• 为什么有的时候刷新页面不需要重新建立 SSL 连接？

• 浏览器对同一 Host 建立 TCP 连接到数量有没有限制？

第一个问题：

现代浏览器在与服务器建立了一个 TCP 连接后是否会在一个 HTTP 请求完成后断开？什么情况下会断开。

在 HTTP/1.0 中，一个服务器在发送完一个 HTTP 响应后，会断开 TCP 链接。但是这样每次请求都会重新建立和断开 TCP 连接，代价过大。所以虽然标准中没有设定，某些服务器对 Connection: keep-alive 的 Header 进行了支持。

意思是说，完成这个 HTTP 请求之后，不要断开 HTTP 请求使用的 TCP 连接。

这样的好处是连接可以被重新使用，之后发送 HTTP 请求的时候不需要重新建立 TCP 连接。

另外，如果维持连接，那么 SSL 的开销也可以避免，两张图片是我短时间内两次访问 https://www.github.com 的时间统计：

头一次访问，有初始化连接和 SSL 开销

初始化连接和 SSL 开销消失了，说明使用的是同一个 TCP 连接

持久连接：既然维持 TCP 连接好处这么多，HTTP/1.1 就把 Connection 头写进标准，并且默认开启持久连接

除非请求中写明 Connection: close，那么浏览器和服务器之间是会维持一段时间的 TCP 连接，不会一个请求结束就断掉。

所以第一个问题的答案是：默认情况下建立 TCP 连接不会断开，只有在请求报头中声明 Connection: close 才会在请求完成后关闭连接。

第二个问题：

一个 TCP 连接可以对应几个 HTTP 请求？

了解了第一个问题之后，其实这个问题已经有了答案，如果维持连接，一个 TCP 连接是可以发送多个 HTTP 请求的。

第三个问题：

一个 TCP 连接中 HTTP 请求发送可以一起发送么（比如一起发三个请求，再三个响应一起接收）？

HTTP/1.1 存在一个问题，单个 TCP 连接在同一时刻只能处理一个请求

它的意思是说：两个请求的生命周期不能重叠，任意两个 HTTP 请求从开始到结束的时间在同一个 TCP 连接里不能重叠。

虽然 HTTP/1.1 规范中规定了 Pipelining 来试图解决这个问题，但是这个功能在浏览器中默认是关闭的。

但是，HTTP2 提供了 Multiplexing 多路传输特性，可以在一个 TCP 连接中同时完成多个 HTTP 请求。

至于 Multiplexing 具体怎么实现的就是另一个问题了。我们可以看一下使用 HTTP2 的效果。

绿色是发起请求到请求返回的等待时间，蓝色是响应的下载时间，可以看到都是在同一个 Connection，并行完成的

所以这个问题也有了答案：在 HTTP/1.1 存在 Pipelining 技术可以完成这个多个请求同时发送，但是由于浏览器默认关闭，所以可以认为这是不可行的。

在 HTTP2 中由于 Multiplexing 特点的存在，多个 HTTP 请求可以在同一个 TCP 连接中并行进行。

那么在 HTTP/1.1 时代，浏览器是如何提高页面加载效率的呢？主要有下面两点：

1. 维持和服务器已经建立的 TCP 连接，在同一连接上顺序处理多个请求。

2. 和服务器建立多个 TCP 连接。

第四个问题：

为什么有的时候刷新页面不需要重新建立 SSL 连接？

在第一个问题的讨论中已经有了答案：TCP 连接有的时候会被浏览器和服务端维持一段时间。TCP 不需要重新建立，SSL 自然也会用之前的。

第五个问题：

浏览器对同一 Host 建立 TCP 连接到数量有没有限制？

假设我们还处在 HTTP/1.1 时代，那个时候没有多路传输，当浏览器拿到一个有几十张图片的网页该怎么办呢？

肯定不能只开一个 TCP 连接顺序下载，那样用户肯定等的很难受

但是如果每个图片都开一个 TCP 连接发 HTTP 请求，那电脑或者服务器都可能受不了

要是有 1000 张图片的话总不能开 1000 个TCP 连接吧，你的电脑同意 NAT 也不一定会同意。

所以答案是：有。Chrome 最多允许对同一个 Host 建立六个 TCP 连接。不同的浏览器有一些区别。

那么，回到最开始的问题：

收到的 HTML 如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下载下来的呢？

如果图片都是 HTTPS 连接并且在同一个域名下，那么浏览器在 SSL 握手之后会和服务器商量能不能用 HTTP2

如果能的话就使用 Multiplexing 功能在这个连接上进行多路传输。不过也未必会所有挂在这个域名的资源都会使用一个 TCP 连接去获取，但是可以确定的是 Multiplexing 很可能会被用到。

如果发现用不了 HTTP2 呢？或者用不了 HTTPS（现实中的 HTTP2 都是在 HTTPS 上实现的，所以也就是只能使用 HTTP/1.1）

那浏览器就会在一个 HOST 上建立多个 TCP 连接，连接数量的最大限制取决于浏览器设置，这些连接会在空闲的时候被浏览器用来发送新的请求，如果所有的连接都正在发送请求呢？那其他的请求就只能等等了。

参考文章：

1 《从URL输入到页面展现，过程中发生了什么？》   https://www.jianshu.com/p/9958129a006e

2 《你猜一个 TCP 连接上面能发多少个 HTTP 请求》 https://zhuanlan.zhihu.com/p/61423830