performance-timing

performance的兼容性

performance-timing_第1张图片

performance.timing对应时间节点

performance-timing_第2张图片
performance-timing_第3张图片

performance的获取方式

window.performance

performance.timing的常用监测时间

  • DNS解析时间: domainLookupEnd - domainLookupStart

  • TCP建立连接时间: connectEnd - connectStart

  • 白屏时间: responseStart - navigationStart

  • dom渲染完成时间: domContentLoadedEventEnd - navigationStart

  • 页面onload时间(首屏时间): loadEventEnd - navigationStart

详细可看Navigation Timing获取页面加载各个阶段所需时间

你可能感兴趣的:(web总结记录)