【前端首屏加载速度优化(0): 谷歌浏览器时间参数】

本文讲述了DOMContentLoaded事件触发时DOM树已完成,但还需处理外部资源。Load阶段继续加载这些资源,Finish表示所有请求完成。首屏加载速度优化要点提及了Nginx启用gzip压缩。页面请求和解析使用不同线程,大资源可能导致Finish时间延长,需进行优化。
摘要由CSDN通过智能技术生成

在这里插入图片描述

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

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值