Core Web Vitals核心网页指标优化

Core Web Vitals（核心网页指标）是Google于2020年推出的一套衡量用户体验的页面性能指标，已于2021年正式纳入Google的搜索排名算法。这套指标包括LCP（最大内容绘制）、FID（首次输入延迟，现已被INP替代）和CLS（累积布局偏移）三个核心指标。

LCP（Largest Contentful Paint，最大内容绘制）衡量页面主要内容的加载速度。好的LCP应在2.5秒内完成。优化LCP的方法包括：优化服务器响应时间、预加载关键资源、使用CDN、优化图片大小和格式、删除阻塞渲染的资源。

INP（Interaction to Next Paint，交互到下次绘制）衡量用户与页面交互时的响应速度。好的INP应低于200毫秒。优化INP需要减少JavaScript执行时间、使用Web Workers处理耗时任务、优化事件处理程序、避免长任务阻塞主线程。

CLS（Cumulative Layout Shift，累积布局偏移）衡量页面加载过程中内容的视觉稳定性。好的CLS应低于0.1。导致高CLS的常见原因包括：图片和视频没有设置尺寸属性、动态内容插入在已有内容上方、字体加载导致文字闪烁等。可通过预先设定尺寸、使用font-display属性等方式改善。