如何测量速度?

Chris Anstey
Chris Anstey
Bojan Pavic
Bojan Pavic

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

实验室数据与实测数据

速度工具图形

实验室数据是在受控环境中通过预定义的设备和网络设置收集的性能数据,而实测数据则是从用户实际体验到的实际网页加载过程中收集的性能数据。每种类型都有自己的优势和限制。

实验室数据可提供可重现的结果和调试环境,但可能无法捕捉到实际的瓶颈,也无法与实际的网页 KPI 相关联。借助实验室数据,您需要了解用户的典型设备和网络,并在测试性能时恰当地反映这些条件。请注意,即使在有 4G 网络的区域,用户在电梯中、通勤途中或在类似的环境中,仍然可能遇到连接速度较慢或时断时续的情况。

实测数据(也称为真实用户监控 (RUM))可捕获真实的用户体验并能够与业务 KPI 相关联,但指标集和调试功能有限。

工具

实验室数据

Lighthouse 会获取一个网址,并对相应网页运行一系列审核,从而生成有关该网页性能的报告。您可以通过多种方式运行 Lighthouse,其中包括从 Chrome DevTools 中轻松审核页面的选项。

实测数据

Chrome 用户体验报告 (CrUX) 提供的指标可反映真实的 Chrome 用户在网络上使用热门目标页面的情况。

其他工具

PageSpeed Insights 会同时提供网页的实验室数据和实测数据。它使用 Lighthouse 收集和分析与网页相关的实验室数据,而实际现场数据则基于 Chrome 用户体验报告数据集。

Chrome 开发者工具是一套直接内置于 Google Chrome 浏览器的 Web 开发者工具。利用它,您可以分析页面的运行时,并找出和调试性能瓶颈。