最近更新时间:2023.11.10 11:18:22
首次发布时间:2022.04.02 17:15:28
Navigation Timing提供了可用于衡量一个网站性能的数据。与用于相同目的的其他基于JavaScript的机制不同,它可以提供可以更有用和更准确的端到端延迟数据。您可以衡量之前难以获取的数据,如卸载前一个页面的时间,在域名解析上的时间,在执行load (en-US)事件处理器上花费的总时间等。
onload
事件,以便触发额外的应用逻辑。onload
事件 执行完成。onload
事件发生后,才开始执行它们自己的逻辑。因此,浏览器会捕获 loadEventStart
和 loadEventEnd
时间戳来追踪执行所花费的时间。经过上面各个字段的解释,则可以清晰得出以下公式。
字段 | 公式 | 计算条件 |
---|---|---|
Redirect | redirectEnd - redirectStart | redirectEnd 非0且redirectStart非0 |
DNS | domainLookupEnd - domainLookupStart | domainLookupEnd 非0且domainLookupStart非0 |
TCP | connectEnd - connectStart | connectEnd 非0且connectStart非0 |
SSL | connectEnd - secureConnectionStart | connectEnd 非0且secureConnectionStart非0 |
Request | responseStart - requestStart | responseStart 非0且requestStart非0 |
Response | responseEnd - responseStart | responseEnd 非0且responseStart非0 |
Load | loadEventEnd - navigationStart | loadEventEnd 非0且navigationStart 非0 |
DomReady | domContentLoaded - fetchStart | domContentLoaded非0且fetchStart非0 |
DomParse | domInteractive-responseEnd | domInteractive非0且responseEnd非0 |
Processing | domComplete - domLoading | domComplete非0且domLoading非0 |
resourceLoad | loadEventStart-domContentLoaded | loadEventStart非0 且 domContentLoaded 非0 |
TTFB | responseStart - navigationStart | - |
Time To First Byte | 发出页面请求到接收到应答数据第一个字节的时间总和,它包含了DNS解析时间、 TCP连接时间、发送HTTP请求时间和获得响应消息第一个字节的时间 | responseStart 非0 且 navigationStart 非0 |
说明