乐趣区

页面加载性能之如何测试打开速度

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

退出移动版