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

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