核心网络指标(Core Web Vitals)是 Google 提出的衡量网页用户体验的三大关键性能指标,用于评估网页的加载性能、交互响应性和视觉稳定性。以下是详细说明:

1. 加载性能(LCP - Largest Contentful Paint)

LCP 衡量用户感知页面加载速度的时间,主要关注页面主要内容(如图片、文本)的渲染时间。

  • 目标值:建议 ≤ 2.5 秒
  • 优化建议
    • 压缩图片和资源
    • 使用浏览器缓存
    • 优化服务器响应时间
    • 预加载关键资源
LCP

2. 交互响应性(FID - First Input Delay)

FID 衡量用户首次与页面交互(如点击按钮)到页面实际响应的时间。

  • 目标值:建议 ≤ 100 毫秒
  • 优化建议
    • 减少 JavaScript 执行时间
    • 避免阻塞主线程
    • 使用 Web Workers 处理复杂任务
FID

3. 视觉稳定性(CLS - Cumulative Layout Shift)

CLS 衡量页面布局在加载过程中发生的意外跳动。

  • 目标值:建议 ≤ 0.1
  • 优化建议
    • 固定字体大小和间距
    • 预定义图片尺寸
    • 避免动态插入内容导致布局变化
CLS

通过提升这些指标,可以显著改善用户的浏览体验。如需进一步了解如何测试和优化 Core Web Vitals,可访问 Web 性能工具指南。🔗