改善 Core Web Vitals 时,先找出真实页面上导致主要内容延迟、布局偏移或交互受阻的原因。先测量,再修复已确认的问题。不要把单一实验室分数作为唯一目标。
了解三项指标
- LCP 衡量最大内容元素出现所需的时间。良好目标为 2.5 秒以内。
- INP 衡量页面对交互的响应。良好目标为低于 200 毫秒。
- CLS 衡量意外的布局变化。良好目标为 0.1 或以下。
Google 使用现场数据的第 75 百分位评估这些指标。有数据时请查看 Google Core Web Vitals 文档、Search Console 报告或 CrUX。实验室测试适合诊断,但无法代表所有设备、网络和访客。INP 已取代 FID,成为交互指标。
诊断 LCP
找出页面上的 LCP 元素,并分析服务器响应、下载延迟、下载耗时和渲染延迟。修复最慢的部分。检查缓存、后端响应、主视觉图片、阻塞渲染的 CSS 和第三方脚本。首屏内容需要的图片不应延迟加载。
诊断 INP
使用性能工具查找长时间运行的 JavaScript、负担过重的事件处理程序或迟缓的界面更新。拆分工作、减少不必要的脚本,并避免阻塞响应的同步工作。测试菜单、搜索、表单和访客会使用的控件。
诊断 CLS
检查没有指定尺寸的图片、广告、网页字体、横幅和页面开始显示后才插入的内容。可行时为元素预留空间或设定尺寸。测试字体显示策略,避免字体切换造成明显位移。
WordPress 优化流程
先在测试环境验证。判断原因来自主题、插件、主机、数据库、媒体还是脚本。一次更改一个组件,并检查结账等重要流程。缓存或优化工具在不同系统上的效果可能不同;正式部署前应确认兼容性。
常见问题
PageSpeed Insights 必须达到 100 分吗?
不需要。应关注用户体验和现场数据。实验室分数会因测试条件而变化。
Core Web Vitals 能保证排名吗?
不能。Google 表示 Core Web Vitals 会被排名系统使用,但指标良好也不能保证特定排名。
多久能看到改进?
改动后即可观察实验室测试结果。现场数据则需要一定流量和时间,才能反映真实体验。