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

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