要点

Core Web Vitals 捕获 LCP、INP 和 CLS 中的加载、响应能力和视觉稳定性。

目标是测量现场数据的 75%,单个 Lighthouse 分数仅具有诊断作用。

实用步骤

  1. 按模板和设备分离现场数据。
  2. 改进服务器响应、LCP 资源、长任务和图像尺寸。
  3. 使用 CI 监控图像、字体和 JavaScript 预算。
  4. 在实验室中仔细检查并在充分使用后确认字段值。

例子

为英雄图像提供尺寸和正确的格式/优先级,并且不要延迟加载 LCP 图像。

常见错误

  • 没有背景就追求100分。
  • 通过破坏重要的形式来延迟剧本。
  • 一次测量后的通过声明。

限制

  • 交通量较低时无法获取现场数据。
  • 仅改进指标并不能保证排名。

信息来源

相关指南和工具