真实世界性能是多变的,思考到用户的设施、网络连接等其余因素。举个例子,你在办公室有线网络关上一个网页,和在咖啡店用 wifi 关上一个网页,体验必定不一样。
试验数据(Lab Data)
开发过程中,咱们拿来测试的一些数据,可复现,可调式,但不能测出真实世界的瓶颈,也不能跟 KPI 挂钩,须要时刻揭示本人用户可能在 4G 或者更差的网络条件下关上。
现场数据(Field Data)
也被称为 RUM(Real User Monitoring),能够测出实在用户的体验,跟 KPI 也是严密相干,但却很难调试。
工具
- Lighthouse:测试试验数据的工具,给定一个 url 地址,执行一系列的检测,最终反馈一个报告,通知开发者这个页面性能如何。开发者工具自带。
- CrUX(Chrome User Experience Reoprt):提供了真实世界的 chrome 用户的 web 体验数据报告
- Chrome Developer Tools:开发者工具,能够剖析试验数据,调试站点,发现性能瓶颈
参考
https://web.dev/how-to-measur…