1. LCP (Largest Contentful Paint)

• 定义: LCP 指的是页面从开始加载到最大可见内容元素出现在视口内所需的时间。

• 重要性: LCP 反映了页面的加载性能。较快的 LCP 提示用户页面内容加载迅速，提升了用户体验。

• 理想值: 2.5 秒或更少被认为是理想的加载时间。

2. CLS (Cumulative Layout Shift)

• 定义: CLS 衡量在页面加载期间，视觉稳定性受到影响的程度。具体来说，它量化了布局的意外移动对用户的影响。

• 重要性: 高 CLS 值表明页面元素频繁移动，可能导致用户误点击和糟糕的浏览体验。

• 理想值: 小于 0.1 被认为是一个好的得分。

3. FID (First Input Delay)

• 定义: FID 指的是用户首次与页面互动（如点击链接、按钮等）到浏览器实际开始处理该事件的时间。

• 重要性: FID 反映了页面的交互响应性。较低的 FID 意味着页面对用户输入反应迅速，提供了更流畅的交互体验。

• 理想值: 100 毫秒或更少被认为是良好的响应时间。

总结

• LCP (Largest Contentful Paint): 衡量页面内容加载速度，理想值为2.5秒或更少。

• CLS (Cumulative Layout Shift): 衡量页面视觉稳定性，理想值为0.1或更少。

• FID (First Input Delay): 衡量页面交互响应速度，理想值为100毫秒或更少。