一张浏览器加载时序图。以后有时间再分析


navigationStart

当访问一个新页面时,当前页面卸载完成所返回的时间点,如果没有当前页面,则返回fetchStart时间点。

unloadEventEnd

如果要打开的页面和当前的页面同源,则返回用户unload事件执行完成后的时间点,如果当前文档不存在或者不同源,则返回0

redirectStart

如果是HTTP重定向,如果跳转都是同源的,则返回开始获取发起重定向的时间点,否则返回0

redirectEnd

如果是同源重定向,返回重定向请求接收完最后一字节的时间点,否则返回0

fetchStart

如果请求是用http get发起的,返回浏览器查缓存之前的时间点,否则返回发起获取资源的时间点

domainLookupStart

返回浏览器发起DNS查询的时间点,如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点

domainLookupEnd

返回结束DNS查询的时间点,如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点

connectStart

返回浏览器向服务器发起建立获取当前文档的连接请求的时间点,

如果是长连接或者请求文件来自缓存等本地存储则返回domainLookupEnd时间点

connectEnd

返回与服务器建立完成连接的时间点,

如果是长连接或者请求文件来自缓存等本地存储则返回domainLookupEnd时间点

requestStart

返回浏览器发起请求的时间,不管是向server还是本地缓存或存储

responseStart

返回浏览器拿到第一个响应字节的时间点,包括从服务器、缓存或者其他本地存储

responseEnd

返回浏览器拿到最后一个响应字节或者传输连接关闭的时间点,包括从服务器、缓存或者其他本地存储

domLoading

返回浏览器将当前文档状态设置成loading的时间点

domInteractive

返回浏览器将当前文档状态设置成interactive的时间点

domContentLoadedEventStart

返回浏览器触发DOMContentLoaded事件执行之前的时间点

domContentLoadedEventEnd

返回浏览器触发DOMContentLoaded事件执行完成的时间点

domComplete

返回浏览器将当前文档状态设置成complete的时间点

loadEventStart

返回浏览器触发load事件执行之前的时间点,否则为0

loadEventEnd

返回浏览器触发load事件执行完成的时间点

 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值