Performance 前端性能监控WebAPI

链接

常用计算

• DNS查询耗时 ：domainLookupEnd - domainLookupStart
• TCP链接耗时 ：connectEnd - connectStart
• request请求耗时 ：responseEnd - responseStart
• 解析dom树耗时 ： domComplete - domInteractive
• 白屏时间 ：responseStart - navigationStart
• domready时间(用户可操作时间节点) ：domContentLoadedEventEnd - navigationStart
• onload时间(总下载时间) ：loadEventEnd - navigationStart

根据Chrome的F12中DOMContentLoaded和Load

• DOMContentLoaded：当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载
• Load：页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。

1、当 Load 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。

2、当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。