浏览器中Network各个耗时含义

时间:2024-04-02 07:43:31

浏览器中Network各个耗时含义

一、Queueing
发起请求文件顺序的排序耗时;

优化点:浏览器在以下情况会对请求进行排序,1、JS执行发起http请求存在更高优先级的请求;2、并发列队tcp链接达到上限(谷歌HTTP1.0以上处理上限6个);3、浏览器分配缓存空间;

措施:1、在JS执行过程中,识别哪些是需优先取数的请求,优先排序进队列;2、并发http数控制在浏览器上限合理范围,特别注意图片的加载尽量使用精灵图,减少请求次数;

 

二、Stalled
是浏览器得到要发出这个请求的指令到请求可以发出的等待时间,一般是代理协商、以及等待可复用的TCP连接释放的时间,不包括DNS查询、建立TCP连接等时间等;

 

三、DNS Lookup 
时间执行DNS查找,解析请求IP。每个新域pagerequires DNS查找一个完整的往返。 DNS查询的时间,当本地DNS缓存没有的时候,这个时间可能是有一段长度的,但是比如你一旦在host中设置了DNS,或者第二次访问,由于浏览器的DNS缓存还在,这个时间就为0了;

四、Initial connection
建立TCP连接的时间,就相当于客户端从发请求开始到TCP三次握手结束这一段,包括DNS查询+Proxy时间+TCP握手时间;
 

五、Request sent 
请求第一个字节发出前到最后一个字节发出后的时间,也就是上传时间;
优化点:1、资源上载时尽量减少上传文件大小;2、请求里携带必要参数即可;

措施:1、图片、文件压缩上传;2、请求携必要参数即可;

 

六、Waiting(TTFB,Time To First Byte)
请求发出后,到收到响应的第一个字节所花费的时间(Time To First Byte),发送请求完毕到接收请求开始的时间;这个时间段就代表服务器处理和返回数据网络延时时间了,是反映服务端响应速度的重要指标。服务器优化的目的就是要让这个时间段尽可能短;

优化点:1、网络带宽;2、服务端逻辑处理;

措施:1、加大带宽,尽可能缩减网络延迟时间;2、服务端代码逻辑性能优化;

 

七、Content Download 
收到响应的第一个字节,到接受完最后一个字节的时间,就是下载时间;

 

 

浏览器中Network各个耗时含义

Audits审查工具可以帮助我们检测前端界面性能,Audits从Performance(性能),Accessibility(可访问性),Best Practices(最佳实践),SEO(搜索引擎优化),Progressive Web App(渐进式网页应用)五大方面对网站进行测评。

 

以上,均做笔记参考!!