克里斯·安斯特
博扬·帕维奇
由于用户设备、网络连接和其他因素的差异，真实世界的性能差异很大。例如，如果您在办公室使用有线网络连接加载您的网站，并将其与在咖啡店使用 WiFi 加载进行比较，则体验可能会大相径庭。市场上有许多工具可以帮助您收集实验室或现场数据来评估页面性能。
实验室数据 vs 现场数据
实验室数据是在具有预定义设备和网络设置的受控环境中收集的性能数据，而现场数据是从您的用户在实际应用中体验到的真实页面加载中收集的性能数据。每种类型都有其自身的优点和局限性。
实验室数据提供可重现的结果和调试环境，但可能无法捕捉到真实世界的瓶颈，也无法与真实世界的页面 KPI 相关联。使用实验室数据，您需要了解用户的典型设备和网络，并在测试性能时适当地反映这些条件。请记住，即使在有 4G 覆盖的地区，用户在电梯、通勤或类似环境中仍然可能遇到较慢或间歇性的连接。
现场数据（也称为真实用户监控或 RUM）捕获真实的真实世界用户体验，并能够与业务 KPI 相关联，但指标集有限且调试能力有限。
工具
实验室数据
Lighthouse 接受一个 URL 并对页面运行一系列审核，生成一份关于页面表现如何的报告。有多种运行 Lighthouse 的方法，包括从 Chrome 开发者工具内部轻松审核页面的选项。
现场数据
Chrome 用户体验报告 (CrUX) 提供的指标显示了真实世界的 Chrome 用户在网络上热门目标地的体验。
其他工具
PageSpeed Insights 提供关于页面的实验室和现场数据。它使用 Lighthouse 来收集和分析关于页面的实验室数据，而真实世界的现场数据则基于 Chrome 用户体验报告数据集。
Chrome 开发者工具 是一套直接内置于 Google Chrome 浏览器中的 Web 开发者工具。它允许您分析页面运行时，以及识别和调试性能瓶颈。