网页加载:寻找原因前先命名指标

内容摘要

加载时间不是单一指标。首字节、大内容绘制、交互响应和视觉偏移描述不同现象。

存放档案和地图的无人情报档案室
本文目录

加载时间不是单一指标。首字节、大内容绘制、交互响应和视觉偏移描述不同现象。

避免混淆

TTFB不只是服务器执行时间。LCP不是全部内容完成加载的时点。INP涉及交互;CLS是偏移分数而非时长,也不限于初始加载。

在可比范围内调查

比较相同页面、设备、条件和周期,再检查网络、资源、渲染和交互。与流失相关不证明其原因。没有某个延迟能决定普遍适用的离开比例。

区分指标,不能互换
指标描述什么不描述什么
TTFB首字节时间不只是服务器执行
LCP最大合格内容的绘制不是全部内容完成加载
INP交互延迟不是初始网络延迟
CLS意外布局偏移不是加载时长

来源与核验

区分加载延迟和交互延迟。

页面加载速度可能很快,但对点击的响应速度却很慢。LCP 和 INP 分别对应不同的时间点;每次诊断都需要具有代表性的跟踪记录和操作。

  • 选择真实访问中报告的慢操作。
  • 定位该交互过程中的阻塞操作。
  • 重新测试响应和任务完成情况。

一手资料:web.dev — Getting started with measuring Web Vitals. 相关方法:阅读实用指南.

均值与百分位数

均值可能掩盖分散程度和缓慢个案。

  • 采用相同单位、期间和定义。分开成功与错误并记录排除条件。分组不可重叠;重复计数会改变结果。
  • 保留总和与观测数。各均值乘以观测数后求和,再除以总数。空分组不提供观测;非空分组的均值未知时无法计算。
  • 不要平均多个p95来得到整体p95。先合并观测或兼容直方图再估计,注明方法与精度限制。检查慢分组和总体构成变化。

能从均值计算p95吗?

不能。均值和数量无法重建分布。

一手资料:Prometheus — Histograms and summaries. 相关方法:阅读实用指南.