由于用户设备、网络连接和其他因素存在差异,实际性能会有很大差异。例如,如果您在办公室使用有线网络连接加载网站,并将其与在咖啡店使用 Wi-Fi 加载网站进行比较,体验可能会大不相同。市面上有很多工具可以帮助您收集实验室数据或现场数据,以评估网页性能。
实验室数据与现场数据

实验室数据是在具有预定义设备和网络设置的受控环境中收集的性能数据,而现场数据是从用户在实际环境中经历的真实网页加载中收集的性能数据。每种类型都有各自的优势和局限性。
实验室数据可提供可重现的结果和调试环境,但可能无法捕获实际瓶颈,也无法与实际网页 KPI 相关联。对于实验室数据,您需要了解用户的典型设备和网络,并在测试性能时适当模拟这些条件。请注意,即使在 4G 覆盖区域,用户在电梯中、通勤途中或类似环境中仍可能会遇到连接速度较慢或间歇性连接问题。
现场数据(也称为真实用户监控或 RUM)可捕获真实的真实用户体验,并支持与业务 KPI 相关联,但其指标集有限,调试功能也有限。
工具
实验室数据
Lighthouse 会获取网址并针对网页运行一系列审核,然后生成一份关于网页表现的报告。您可以通过多种方式运行 Lighthouse,包括在 Chrome 开发者工具中轻松审核网页。
现场数据
Chrome 用户体验报告 (CrUX) 提供的指标可显示真实的 Chrome 用户在网络上访问热门网址时的具体情形。
其他工具
PageSpeed Insights 可提供网页的实验室数据和现场数据。它使用 Lighthouse 收集和分析有关网页的实验室数据,而实际现场数据则基于 Chrome 用户体验报告数据集。
Chrome 开发者工具是直接内置于 Google Chrome 浏览器中的一组 Web 开发者工具。它可让您分析网页的运行时,以及识别和调试性能瓶颈。