Chrome Network 下边栏中 Finish 的含义

时间 2019-12-04

标签 chrome network 下边栏中 finish 含义栏目 Chrome 繁體版

原文原文链接

下边栏中的DOMContentLoaded 和 Load已经很是熟悉。

DOMContentLoaded 和 Load 分别对应页面 DOMContentLoaded 和 Load 事件触发的时间点。html

DOMContentLoaded：

DOM树构建完成。segmentfault

即HTML页面由上向下解析HTML结构到末尾封闭标签。并发

页面加载完毕。线程

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

其中，DOMContentLoaded 会比 Load 时间小，二者时间差大体等于外部资源加载的时间。htm

Finish 时间与DOMContentLoaded 和 Load 并没有直接关系。blog

Finish 时间是页面上全部 http 请求发送到响应完成的时间，HTTP1.0/1.1 协议限定，单个域名的请求并发量是 6 个，即Finish是全部请求（不仅是XHR请求，还包括DOC，img，js，css等资源的请求）在并发量为6的限制下完成的时间。事件

Finish 的时间比 Load 大，意味着页面有至关部分的请求量，图片

Finish 的时间比 Load 小，意味着页面请求量不多，若是页面是只有一个 html文档请求的静态页面，Finish时间基本就等于HTML文档请求的时间。

页面发送请求和页面解析文档结构，分属两个不一样的线程，因此 Finish 时间与DOMContentLoaded 和 Load 并没有直接关系。