Web页面的请求流程与其的性能指标

2019/06 26 10:06

Web页面的请求流程与其的性能指标

Web页面请求

​ 浏览器请求Web页面时,会执行重复流程,获取在屏幕上回执页面需要的所有信息。这个过程可以分为两个部分:获取资源、页面解析/渲染。

1、资源获取

资源请求流程步骤:

1、把待请求URL放入队列

2、解析URL中域名的IP地址(A)

3、建立与目标主机的TCP连接(B)

4、如果是HTTPS请求,初始化并完成TLS握手(C)

5、向页面对应的URL发送请求

2、页面解析/渲染

6、接收响应

7、如果(接收)是主体HTML,那么解析它,并针对页面中的资源触发优先获取机制(A)

8、如果页面上的关键资源已经接收到,就开始渲染页面(B)

9、接收其他资源,继续解析渲染,直到结束(C)

页面上的每次点击,都需要重复执行那些流程,给网络带宽和设备资源带来压力。Web性能优化的核心,就是加快甚至干脆去掉其中的某些步骤。

关键性能指标

1、延迟

延迟是指IP数据包 从一个网络端点到另一个网络端点所花费的时间。延迟是制约Web性能的主要瓶颈,尤其对于HTTP这样的协议,因为其中包含大量往返于服务器 的请求。

2、带宽

3、DNS查询

在客户端获取Web页面前,它需要通过域名系统(DNS)把主机名称换成IP地址,一个域名只需要转换一次。

4、建立连接时间

在客户端和服务器之间建立连接需要往返数据应答,称为“三次握手”。握手时间一般与客户端和服务器之间的延迟有关。

5、TLS协商时间

如果客户端发起HTTPS连接,它还需要进行传输层安全协议(TLS)协商;TLS用来取代安全套接层(SSL).

6、首字节时间(TTFB)

TTFB是指客户端从开头定位到Web页面,至接收到主题页面响应的第一字节所消费的时间。它包含之前提到的各种耗时,还要加上服务器处理时间。

7、内容下载时间

等同于被请求资源的最后字节到达时间(TTLB)

8、开始渲染时间

客户端的屏幕上什么时候开始显示内容?这个指标测量的是用户看到空白页的时长。

9、文档加载完成时间(又叫页面加载时间)

互联网发展的趋势,更多的字节,更多的资源,更高的复杂度,更多的域名,更多的TCP socket。

--转载请注明: https://www.guangboyuan.cn/web%e9%a1%b5%e9%9d%a2%e7%9a%84%e8%af%b7%e6%b1%82%e6%b5%81%e7%a8%8b%e4%b8%8e%e5%85%b6%e7%9a%84%e6%80%a7%e8%83%bd%e6%8c%87%e6%a0%87-2/

发表回复

(必填)