web前端加载性能检测

web前端加载性能检测

浏览器控制台输入:performance.getEntriesByType('navigation'),可以检测网页加载数据以及加载的性能

例如:

 

 

其中:

DNS查询耗时 通过使用domainLookupEnd - domainLookupStart  就等于dns查询的时间

TCP链接耗时  通过 connectEnd - connectStart

HTTP请求耗时 通过 responseEnd - responseStart 
解析dom树耗时  通过 domComplete -  domInteractive
白屏时间 通过 responseStart  - navigationStart
DOMready时间 通过 domContentLoadedEventEnd - navigationStart
onload时间 通过 loadEventEnd -  navigationStart 也即是onload回调函数执行的时间
 
 
posted @   _titleInfo  阅读(503)  评论(0编辑  收藏  举报
//雪花飘落效果
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.