知识卡片
Speed Index从用户感知视角补足浏览器指标
内容
[[Navigation Timing API的关键节点指标|Navigation Timing API]]的指标依赖浏览器自身如实上报各个加载阶段的时间戳,但浏览器认为”加载完成”未必等于用户视觉上感觉页面已经可用。WebpageTest 提出的 Speed Index 换了一种测量思路:以每秒10帧的速率对页面加载过程做视频截屏,从视觉呈现的角度判断页面完成的时间点,用一个数值表示(越低越好),在反映用户主观感受到的完整性上比浏览器报告的时间戳更贴近真实体验。它的局限是只给出一个笼统数值,不像 Navigation Timing API 那样提供分阶段的细节,因此适合作为整体性能的粗略体感指标,而非诊断具体哪个阶段拖慢了加载的工具。
参考来源
《监控运维实践 原则与策略-2021》第6章《前端监控》