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

实验室数据是在具有预定义的设备和网络设置的受控环境中收集的性能数据,而现场数据是从用户在野外经历的真实页面加载中收集的性能数据。每种类型都有自己的优点和局限性。
实验室数据提供可重现的结果和调试环境,但可能无法捕获实际瓶颈,也无法与实际页面 KPI 相关联。使用实验室数据,您需要了解用户的典型设备和网络,并在测试性能时适当地反映这些条件。请记住,即使在拥有4G的区域,用户在电梯中,通勤时或类似环境中仍然可能会遇到较慢或间歇性的连接。
现场数据(也称为真实用户监视或 RUM)捕获真实的真实用户体验,并支持与业务 KPI 的关联,但具有一组受限制的指标和有限的调试功能。
2. 工具
2.1. 实验室数据
Lighthouse 获取一个 URL,并对页面运行一系列审核,生成有关页面效果的报告。有多种方法可以运行 Lighthouse,包括从 Chrome DevTools 中轻松审核页面的选项。
2.2. 字段数据
Chrome 用户体验报告 (CrUX) 提供的指标显示了真实版 Chrome 用户在网络上体验热门目的地的情况。
3. 其他工具
PageSpeed Insights 提供有关页面的实验室和现场数据。它使用 Lighthouse 来收集和分析有关网页的实验室数据,而实际现场数据则基于 Chrome 用户体验报告数据集。
Chrome Developer Tools 是一套直接内置于Google Chrome浏览器中的Web开发人员工具。它允许您分析页面的运行时,以及识别和调试性能瓶颈。