我正在进行网站性能监控和优化
当您查看导航定时API时,单页请求的不同段之间有许多等待时间
图像:https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/timing-overview.png
以下指标我们正在获得导航定时API。
{
navigationStart,
unloadEventStart,
unloadEventEnd,
redirectStart,
redirectEnd,
fetchStart,
domainLookupStart,
domainLookupEnd,
connectStart,
connectEnd,
secureConnectionStart,
requestStart,
responseStart,
responseEnd,
domLoading,
domInteractive,
domContentLoadedEventStart,
domContentLoadedEventEnd,
domComplete,
loadEventStart,
loadEventEnd
}
在计算指标时,我们得到每个细分的等待时间
重定向前的等待时间 - diff(navigationStart,redirectStart)
重定向后等待时间 - diff(redirectEnd,fetchStart)
在DNS之前等待时间 - diff(fetchStart,domainLookupStart)
TCP-diff之前的等待时间(domainLookupEnd,connectStart)
TCP-diff之后的等待时间(connectEnd,requestStart)
响应后的等待时间 - 差异(responseEnd,domLoading)
任何人都可以解释浏览器在上述每个等待时间内完成的工作
影响等待时间增加和减少的所有重要因素是什么
参考:https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html#process