如何使用 statpx 监测真实用户的核心网页指标

Lighthouse 分数很有用。PageSpeed Insights 也很有用。但两者都不能告诉您实际访客在自己的设备、网络、浏览器和安装的浏览器扩展程序中加载您网站时的体验。

从真实用户测量的核心网页指标 — 称为 真实用户监测 (RUM) — 是 Google 实际用于排名您网站的指标。statpx 自动从每个访客的浏览器捕获 LCP、CLS 和 INP，并在专用的网站速度仪表板中展示它们。

什么是核心网页指标？

核心网页指标是 Google 定义的三个浏览器指标，作为良好用户体验的关键指标：

Google 在确定您网站排名时使用真实用户数据的 第 75 个百分位数。这意味着您 75% 的访客需要有"优秀"体验，您的网站才被认为是合规的 — 一次快速的页面加载不会抵消三次缓慢的加载。

statpx 网站速度仪表板

在 statpx 中打开任何网站，然后点击左侧边栏中的 网站速度。仪表板显示：

摘要指标卡片

三张大卡片显示您所选时期的平均 LCP、CLS 和 INP，根据 Google 的阈值用绿色/琥珀色/红色编码。每张卡片还显示 p75 值（当有足够数据时）和分布条，显示多少百分比的会话属于"优秀"、"需要改进"和"较差"类别。

LCP 趋势图表

趋势线显示您一段时间内的平均 LCP — 对于多天范围显示每日数据，对于今天显示每小时数据。使用它来发现部署何时导致回归，或 CDN 配置更改何时改进您的分数。

按 LCP 排列的最慢页面

按页面排名的表格按其平均 LCP 排列每个 URL，旁边是 CLS 和 INP。这是您找到最高影响优化目标的地方。一个有 5000 次月度访问和低 LCP 的页面比一个很少访问但完美分数的页面值得您投入更多时间。

按设备的性能

移动用户和桌面用户的性能体验差异很大。在桌面上具有优秀 LCP 的页面在中端 Android 设备上使用移动数据时很容易显示为较差。设备分解显示您的 CWV 分数与移动、平板电脑和桌面分别 — 因此您可以优先考虑影响最大的移动优先优化。

statpx 如何捕获 CWV 数据

statpx 追踪脚本使用浏览器的 PerformanceObserver API 来观察 largest-contentful-paint、layout-shift 和 event（用于 INP）条目。数据在页面加载和用户交互后收集，然后以单个小有效负载发送到 statpx。这增加了不到 1 毫秒的开销，对它测量的指标本身没有可测量的影响。

机器人和爬虫被排除在 CWV 数据之外。只有真实人类会话对您的平均数据做出贡献 — 因此您看到您的用户实际体验到的，而不是 Googlebot 看到的。

综合测试与真实用户监测：为什么两者都重要

Lighthouse 和 PageSpeed Insights 在受控环境中运行：固定网速、固定 CPU、无浏览器扩展、无缓存资源。它们非常适合在部署前捕获回归。但真实用户拥有缓慢的连接、加载的浏览器缓存、不同的设备和注入 CSS 和脚本的扩展。

statpx 的网站速度仪表板向您展示了 真实 图景 — 您的实际用户体验，包括综合工具遗漏的缓慢连接的长尾。这两种方法相辅相成：使用 PageSpeed Insights 来调试和优化，使用 statpx 来验证真实用户实际受益于您的更改。

使用 CWV 数据优先级化修复

当您打开最慢的页面表时，按 LCP 排序。顶部条目是您最高优先级的优化目标。常见的 LCP 改进包括：

• 以 WebP 或 AVIF 格式提供具有适当尺寸的图像
• 向首屏图像添加 loading="eager" 和 fetchpriority="high"
• 使用 CDN 减少服务器响应时间
• 预加载关键 CSS 和字体

对于 CLS，高分数通常指向没有 width/height 属性的图像、动态注入的内容（广告、Cookie 横幅）或字体交换。对于 INP，查看重负荷事件监听器和阻塞主线程的长 JavaScript 任务。

总结

综合性能分数告诉您什么可能更好。真实用户 CWV 数据告诉您什么实际上在伤害您的访客 — 以及您的搜索排名。statpx 在一个地方自动为您提供两者，无需任何额外配置。

今天检查您的 网站速度仪表板。数据从安装代码片段的那一刻起就开始积累。

相关阅读：核心网页指标解释：网站所有者的 LCP、CLS 和 INP