真实世界性能是多变的，思考到用户的设施、网络连接等其余因素。举个例子，你在办公室有线网络关上一个网页，和在咖啡店用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...