了解如何使用调试信息归因性能数据，以便通过分析找出并解决真实用户问题
Philip Walton
Google 提供了两类工具来衡量和调试性能：
- 实验室工具：Lighthouse 等工具，可在模拟环境中加载您的网页，模拟各种条件（例如网络速度缓慢和使用低端移动设备）。
- 现场工具：Chrome 用户体验报告 (CrUX) 等工具，该报告基于 Chrome 中的汇总真实用户数据。（请注意，PageSpeed Insights 和 Search Console 等工具报告的现场数据来自 CrUX 数据。）
虽然现场工具提供的数据更准确（这些数据实际上代表了真实用户的体验），但实验室工具通常更擅长帮助您发现和解决问题。
CrUX 数据更能代表网页的真实效果，但了解 CrUX 得分不太可能帮助您确定如何提升效果。
另一方面，Lighthouse 会发现问题并提出具体改进建议。不过，Lighthouse 只会针对在网页加载时发现的性能问题提供建议。它不会检测仅在用户互动（例如滚动网页或点击网页上的按钮）后才会出现的问题。
这引出了一个重要问题：如何从实际环境中的真实用户捕获 Core Web Vitals 或其他性能指标的调试信息？
本文将详细介绍您可以使用哪些 API 为当前的每个 Core Web Vitals 指标收集更多调试信息，并为您提供有关如何在现有分析工具中捕获此类数据的提示。
用于归因和调试的 API
Cumulative Layout Shift (CLS)
在所有 Core Web Vitals 指标中，CLS 可能是收集现场调试信息最重要的指标。CLS 是在网页的整个生命周期内衡量的，因此用户与网页互动的方式（滚动距离、点击内容等）可能会显著影响是否存在布局偏移以及哪些元素发生了偏移。
请参考 PageSpeed Insights 中的以下报告：