改善 Core Web Vitals 时,先找出真实页面上导致主要内容延迟、布局偏移或交互受阻的原因。先测量,再修复已确认的问题。不要把单一实验室分数作为唯一目标。

了解三项指标

  • LCP 衡量最大内容元素出现所需的时间。良好目标为 2.5 秒以内。
  • INP 衡量页面对交互的响应。良好目标为低于 200 毫秒。
  • CLS 衡量意外的布局变化。良好目标为 0.1 或以下。

Google 使用现场数据的第 75 百分位评估这些指标。有数据时请查看 Google Core Web Vitals 文档、Search Console 报告或 CrUX。实验室测试适合诊断,但无法代表所有设备、网络和访客。INP 已取代 FID,成为交互指标。

诊断 LCP

first contentful paint fcp first input delay fid largest content paint lcp cumulative layout shift (cls)
找出页面上的 LCP 元素,并分析服务器响应、下载延迟、下载耗时和渲染延迟。

找出页面上的 LCP 元素,并分析服务器响应、下载延迟、下载耗时和渲染延迟。修复最慢的部分。检查缓存、后端响应、主视觉图片、阻塞渲染的 CSS 和第三方脚本。首屏内容需要的图片不应延迟加载。

诊断 INP

使用性能工具查找长时间运行的 JavaScript、负担过重的事件处理程序或迟缓的界面更新。拆分工作、减少不必要的脚本,并避免阻塞响应的同步工作。测试菜单、搜索、表单和访客会使用的控件。

诊断 CLS

检查没有指定尺寸的图片、广告、网页字体、横幅和页面开始显示后才插入的内容。可行时为元素预留空间或设定尺寸。测试字体显示策略,避免字体切换造成明显位移。

WordPress 优化流程

先在测试环境验证。判断原因来自主题、插件、主机、数据库、媒体还是脚本。一次更改一个组件,并检查结账等重要流程。缓存或优化工具在不同系统上的效果可能不同;正式部署前应确认兼容性。

常见问题

PageSpeed Insights 必须达到 100 分吗?

不需要。应关注用户体验和现场数据。实验室分数会因测试条件而变化。

Core Web Vitals 能保证排名吗?

不能。Google 表示 Core Web Vitals 会被排名系统使用,但指标良好也不能保证特定排名。

多久能看到改进?

改动后即可观察实验室测试结果。现场数据则需要一定流量和时间,才能反映真实体验。