Chrome控制台network底部的Finish,DOMContentLoaded和Load
打开chrome控制台network部分刷新页⾯,可以看到浏览器记录的⽹络资源加载时间,可以⽤于评估⽹页性能。DOMContentLoaded 和 Load 和 Finish的含义和区别
mikro
身体素质DOMContentLoaded 和 Load
DOMContentLoaded:DOM树构建完成。 即HTML页⾯由上向下解析HTML结构到末尾封闭标签
Load:页⾯加载完毕。 DOM树构建完成后,继续加载html/css 中的图⽚资源等外部资源,加载完成后视为页⾯加载完毕。
vitDOMContentLoaded 会⽐ Load 时间⼩,两者时间差⼤致等于外部资源加载的时间。
Finish
Finish: 是页⾯上所有 http 请求发送到响应完成的时间, HTTP1.0/1.1 协议限定,单个域名的请求并发量是 6 个,即 Finish 是所有请求(不只是XHR请求,还包括DOC,img,js,css等资源的请求)在并发量为6的限制下完成的时间。
mickey是什么意思Finish 的时间⽐ Load ⼤,意味着页⾯有相当部分的请求量,
vae是什么意思快餐业Finish 的时间⽐ Load ⼩,意味着页⾯请求量很少,如果页⾯是只有⼀个 html⽂档请求的静态页⾯,Finish时间基本就等于HTML⽂档请求的时间。
页⾯发送请求和页⾯解析⽂档结构,分属两个不同的线程,caman
所以 Finish 时间与DOMContentLoaded 和 Load 并⽆直接关系。纽约 我爱你>swish
参考:
network其他模块介绍参考:
>怎样学会察言观色