chrome devtools 中 network 一栏中的 Finish 时间代表着什么?
DOMContentLoaded
,Load
我知道,但是Finish
是什么时间?
好像 Finish
的时间和 DOMContentLoaded
,Load
的时间没有关联关系?
一网站Finish
的时间比 Load
大
另一网站Finish
的时间却比 Load
小
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
DOMContentLoaded 和 Load
DOMContentLoaded
和Load
分别对应 页面DOMContentLoaded
和Load
事件触发的时间点,即:DOMContentLoaded
:DOM树构建完成。即HTML页面由上向下解析HTML结构到末尾封闭标签</html>
。Load
:页面加载完毕。 DOM树构建完成后,继续加载html/css 中的图片资源等外部资源,加载完成后视为页面加载完毕。DOMContentLoaded
会比Load
时间小,两者时间差大致等于外部资源加载的时间。Finish
Finish
时间与DOMContentLoaded
和Load
并无直接关系。Finish
时间是页面上所有 http 请求发送到响应完成的时间,HTTP1.0/1.1 协议限定,单个域名的请求并发量是 6 个,即Finish
是所有请求(不只是XHR请求,还包括DOC,img,js,css等资源的请求)在并发量为6的限制下完成的时间。Finish
的时间比Load
大,意味着页面有相当部分的请求量,Finish
的时间比Load
小,意味着页面请求量很少,如果页面是只有一个 html文档请求的静态页面,Finish
时间基本就等于HTML文档请求的时间。(如下图)页面发送请求和页面解析文档结构,分属两个不同的线程,
所以
Finish
时间与DOMContentLoaded
和Load
并无直接关系。Finish 指网页所有资源加载完成
你好, 楼主,不太理解,finish 如果是请求时间,为啥对不上呢?