原文地址：web.dev/how-to-meas…

原文作者：web.dev/authors/boj…

发布时间：2019年5月1日

由于用户的设备、网络连接和其他因素的差异，真实世界的性能变化很大。例如，如果你在办公室使用有线网络连接加载网站，并与在咖啡店使用WiFi加载进行比较，体验很可能会有很大不同。市场上有很多工具可以帮助你收集实验室或现场数据来评估页面性能。

实验室数据与现场数据对比

实验室数据是在受控环境中通过预定义的设备和网络设置收集的性能数据，而现场数据则是从用户在野外经历的真实页面加载中收集的性能数据。每种类型都有自己的优势和限制。

实验室数据提供了可重复的结果和调试环境，但可能无法捕捉到真实世界的瓶颈，也无法与真实世界的页面KPI相关联。对于实验室数据，你需要了解用户的典型设备和网络，并在测试性能时适当地反映这些条件。请记住，即使在有4G的地区，用户在电梯里、通勤时或在类似的环境中仍然可能会遇到较慢或间歇性的连接。

现场数据（也称为真实用户监控或RUM）可以捕捉真实的用户体验，并实现与业务KPI的关联，但其指标集受到限制，调试能力有限。

工具

Lighthouse可以获取一个URL，并对页面进行一系列的审核，生成一份关于页面表现的报告。Lighthouse有多种运行方式，包括在Chrome DevTools中轻松审核页面的选项。

Chrome 用户体验报告 (CrUX) 提供了显示真实世界的 Chrome 用户如何体验网络上流行目的地的指标。

PageSpeed Insights提供了有关页面的实验室和现场数据。它使用Lighthouse收集和分析有关页面的实验室数据，而真实世界的现场数据则基于Chrome用户体验报告数据集。

Chrome开发者工具是一套直接内置在谷歌Chrome浏览器中的网络开发者工具。它允许您对页面的运行时间进行剖析，以及识别和调试性能瓶颈。