文档
Core Web Vitals:按周查看真实用户的 LCP、INP 和 CLS
基于 Chrome UX Report History API,按周提供整站或单个页面的第 75 百分位 LCP、INP 和 CLS,并依据 Google 的阈值评级。
Core Web Vitals 报告(标题为 Core Web Vitals History)按周展示真实 Chrome 用户对您网站的体验。它读取 Chrome UX Report History API 的数据,这与 Search Console 的 Core Web Vitals 报告所使用的是同一份实测数据,并按照 Google 的阈值,以第 75 百分位对每项指标评级。您可以借此判断某次发布让页面变快还是变慢,而且往往比实验室测试更早反映访问者的真实感受。
运行报告
- 范围:整站会查询源站(例如
https://www.example.com),汇总 Chrome 用户访问过的所有页面。单个页面则查询一个 URL。 - 源站或页面 URL:默认填入您所在资源的源站,可修改以查看其他主机或页面。
- 设备:所有设备、手机、桌面设备或平板。选择所有设备时,报告还会分别加载各类设备的数据,并增加一张按设备汇总表。
- 点击运行报告。
由于数据每周才更新一次,结果会缓存一天。报告使用 CrUX API 密钥来查询 API;AutoPSEO 已提供密钥,无需任何配置。如果您想为自己的工具申请密钥,可以点击 API Key 按钮,查看 Google 的说明。
报告内容
结论行会说明该范围是否通过 Core Web Vitals:即所有有数据的核心指标均被评为“良好”。下方是五张卡片,每项指标一张,分别显示最新的第 75 百分位数值、评级、与四周前相比的变化,以及被评为良好的页面加载占比。
| 指标 | 衡量内容 | 良好 | 较差 |
|---|---|---|---|
| LCP,Largest Contentful Paint | 加载:最大的可见元素何时渲染完成 | 2.5 秒或以内 | 超过 4 秒 |
| INP,Interaction to Next Paint | 响应性:点击、轻触和按键之后的延迟 | 200 毫秒或以内 | 超过 500 毫秒 |
| CLS,Cumulative Layout Shift | 视觉稳定性:加载过程中内容移动的幅度 | 0.1 或以下 | 超过 0.25 |
| FCP,First Contentful Paint | 第一段文字或图像出现的时间 | 1.8 秒或以内 | 超过 3 秒 |
| TTFB,Time to First Byte | 服务器开始响应的速度 | 0.8 秒或以内 | 超过 1.8 秒 |
LCP、INP 和 CLS 是 Core Web Vitals;FCP 和 TTFB 是辅助指标,有助于分析 LCP 较差的原因。介于两个界限之间的数值为“需要改进”。Google 按页面加载的第 75 百分位评估每项指标,并且分别评估移动设备和桌面设备(web.dev: Web Vitals)。INP 已于 2024 年 3 月 12 日取代 First Input Delay,成为 Core Web Vital。
当最新数值与四周前相比变化至少 5% 时,趋势会被判定为改善或恶化。图表绘制了每项指标按周的第 75 百分位数值,以及良好、需要改进和较差三档的占比;表格则列出每一周的全部五项数值,以及 LCP 体验良好的占比。
如何解读历史数据
每个数据点对应一个按周的采集周期,汇总的是此前 28 天的访问情况,因此一次优化需要大约四周才会逐渐体现出来,而不是立刻见效。API 默认返回 25 个按周的周期,大约覆盖最近六个月(CrUX History API)。
- 阶跃式变化:如果与某次部署、新增的标签管理器脚本或主题更新在时间上吻合,这是最常见的情形;可以用注释标记该日期。
- 手机表现不如桌面设备:这很常见,因为手机的处理能力较弱,网络连接往往也较慢。请结合移动端在您搜索流量中的占比来权衡。
- 源站良好、页面较差:源站的数据混合了所有页面,因此请逐一检查负载最重的模板。
没有数据时
只有当某个公开的源站或 URL 拥有足够多的真实 Chrome 访问时,Chrome 才会发布其记录;否则报告会显示实测数据不足(CrUX methodology)。新页面或低流量页面即使所在源站有记录,往往也没有 URL 级别的记录。此外,CrUX API 不提供按国家或地区的细分,因此这些数据涵盖的是全球所有访问者。
AutoPSEO 如何提供帮助
AutoPSEO 交付的文章由您自己的网站渲染,因此会沿用您模板的性能表现。如果由 AutoPSEO 为您托管某个板块,则由托管渲染器直接提供文章页面;您可以对其中一个 URL 运行该报告来检查这些页面。如需进一步了解这三项指标,请参阅 LCP、INP 和 CLS 分别是什么意思以及如何修复较差的 Core Web Vitals 得分。