Web 性能监控准确性怎么讲

维护说明

一句话先讲清楚

监控准确性一句话

性能监控难的不是把指标采出来,而是保证采出来的数据真的可信。

指向原始笔记的链接

30 秒版本

Circular transclusion detected: Express/前端监控-SDK-公共素材


1 分钟版本

Circular transclusion detected: Express/前端监控-SDK-公共素材


2 到 3 分钟版本

Circular transclusion detected: Express/前端监控-SDK-公共素材


如果面试官追问“CLS 为什么不能直接相加”

因为 CLS 的定义不是所有 layout shift 的总和,而是 session window 里的最大累计位移,而且用户主动输入导致的位移不应该计入。所以要过滤 hadRecentInput,再按时间窗口去累计。


如果面试官追问“为什么要处理后台页和 prerender”

因为这两个场景下页面的时间线不等于用户真实看到页面的时间线。如果不做修正,指标就会偏大或者偏小,看起来很像真的,其实并不代表真实体验。


最后一句收尾

所以性能监控真正有价值的地方,不是能采到指标,而是能把指标校准到接近真实用户体验。

相关追问