核心网络指标(Core Web Vitals)是 Google 提出的衡量网页用户体验的三大关键性能指标,用于评估网页的加载性能、交互响应性和视觉稳定性。以下是详细说明:
1. 加载性能(LCP - Largest Contentful Paint)
LCP 衡量用户感知页面加载速度的时间,主要关注页面主要内容(如图片、文本)的渲染时间。
- 目标值:建议 ≤ 2.5 秒
- 优化建议:
- 压缩图片和资源
- 使用浏览器缓存
- 优化服务器响应时间
- 预加载关键资源
2. 交互响应性(FID - First Input Delay)
FID 衡量用户首次与页面交互(如点击按钮)到页面实际响应的时间。
- 目标值:建议 ≤ 100 毫秒
- 优化建议:
- 减少 JavaScript 执行时间
- 避免阻塞主线程
- 使用 Web Workers 处理复杂任务
3. 视觉稳定性(CLS - Cumulative Layout Shift)
CLS 衡量页面布局在加载过程中发生的意外跳动。
- 目标值:建议 ≤ 0.1
- 优化建议:
- 固定字体大小和间距
- 预定义图片尺寸
- 避免动态插入内容导致布局变化
通过提升这些指标,可以显著改善用户的浏览体验。如需进一步了解如何测试和优化 Core Web Vitals,可访问 Web 性能工具指南。🔗