本文介绍: 页面http请求发送响应完成,单个域名请求并发量是6个,Finish 是所有请求(不止是XHR请求,还包括DOC,img,js,css资源的请求)在并发量为6的限制完成时间。DOM树构建完成后,继续加载 html/css 中的外部资源加载完成之后,视为页面加载完成。如果finish时间比较大。说明页面上的请求资源比较大,需要优化浏览器已经完全加载了 HTML,DOM树构建完成,但是像是。和样式表外部资源可能没有下载完毕。

在这里插入图片描述

DOMContentLoaded 浏览器已经完全加载了 HTML,DOM树构建完成,但是像是 <img>样式表等外部资源可能并没有下载完毕。

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

Finish 页面http请求发送到响应完成,单个域名请求的并发量是6个,Finish 是所有请求(不止是XHR请求,还包括DOC,img,js,css 等资源的请求)在并发量为6的限制下完成的时间。

页面发送请求和页面解析文档结构,分属浏览器两个不同线程finish单独一个线程),所以finishdomcontentloadload没有直接的关系

如果finish的时间比较大。说明页面上的请求资源比较大,需要优化

优化更新笔记1:【前端首屏加载速度优化(一) :nginx 开启gzip压缩】

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注