知识卡片

Navigation Timing API的关键节点指标

专业/工作 · 1217.d

内容

浏览器通过 W3C 规范的 Navigation Timing API 默认暴露21个页面加载时间点,其中真正常用于常规趋势监控的只有五个:navigationStart(浏览器发出页面请求的时刻)、domLoading([[DOM与JavaScript同步加载如何拖慢页面|DOM编译完成并开始加载]])、domInteractive(页面被认为可用,但未必加载完)、domContentLoaded(所有脚本执行完毕)、domComplete(HTML/CSS/JavaScript全部加载完成)。这些原始时间戳本身价值有限,真正有用的是它们相减得到的派生指标:domComplete 减 navigationStart 得到页面总加载时间,domInteractive 减 navigationStart 得到用户认为页面已经可用的时间——后者往往比总加载时间更贴近用户的真实感知体验。发散:这提示原始埋点数据往往需要经过组合计算才转化为有业务含义的指标,直接暴露21个底层时间戳对大多数监控场景是噪音而非信号。

参考来源

《监控运维实践 原则与策略-2021》第6章《前端监控》