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回调函数执行的时间

 

 

转载链接： https://www.cnblogs.com/zhoulifeng/p/12060250.html