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

真实世界性能是多变的,考虑到用户的设备、网络连接等其他因素。举个例子,你在办公室有线网络打开一个网页,和在咖啡店用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-measure-speed

猜你喜欢

转载自blog.csdn.net/wuchen092832/article/details/107371576