chrome devtools 中 network 一栏中的 Finish 时间代表着什么?

发布于 2022-09-06 04:02:47 字数 576 浏览 16 评论 0

DOMContentLoadedLoad我知道,但是Finish是什么时间?

好像 Finish 的时间和 DOMContentLoadedLoad的时间没有关联关系?

一网站Finish 的时间比 Load
clipboard.png

另一网站Finish 的时间却比 Load
clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

独守阴晴ぅ圆缺 2022-09-13 04:02:47

DOMContentLoaded 和 Load

DOMContentLoadedLoad 分别对应 页面 DOMContentLoadedLoad 事件触发的时间点,即:

DOMContentLoaded:DOM树构建完成。即HTML页面由上向下解析HTML结构到末尾封闭标签</html>

Load:页面加载完毕。 DOM树构建完成后,继续加载html/css 中的图片资源等外部资源,加载完成后视为页面加载完毕。

DOMContentLoaded 会比 Load 时间小,两者时间差大致等于外部资源加载的时间。

Finish

Finish 时间与DOMContentLoadedLoad 并无直接关系。

Finish 时间是页面上所有 http 请求发送到响应完成的时间,HTTP1.0/1.1 协议限定,单个域名的请求并发量是 6 个,即Finish是所有请求(不只是XHR请求,还包括DOC,img,js,css等资源的请求)在并发量为6的限制下完成的时间。

Finish 的时间比 Load ,意味着页面有相当部分的请求量,

Finish 的时间比 Load ,意味着页面请求量很少,如果页面是只有一个 html文档请求的静态页面,Finish时间基本就等于HTML文档请求的时间。(如下图)
clipboard.png

页面发送请求和页面解析文档结构,分属两个不同的线程,

所以 Finish 时间与DOMContentLoadedLoad 并无直接关系

时光瘦了 2022-09-13 04:02:47

Finish 指网页所有资源加载完成

愁杀 2022-09-13 04:02:47

你好, 楼主,不太理解,finish 如果是请求时间,为啥对不上呢?image.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文