Core Web Vitals 目前包含三项：LCP（最大内容绘制，首屏主内容加载耗时，要求 2.5 秒内）、INP（交互到下一帧渲染，2024 年正式取代 FID，要求 200 毫秒内）、CLS（累积布局偏移，视觉稳定性，要求 0.1 以内）。数据来自真实访问用户（Chrome 真实用户监控报告），实验室工具测出的分数不能等同，指标不及格会影响页面体验相关的排名权重。
优化各自的抓手：LCP 慢多因图片过大、字体阻塞或服务端响应慢—— preload 关键资源、服务器配置缓存；INP 差多因长任务阻塞主线程——拆分大任务、防抖事件回调、减少第三方脚本；CLS 多因图片无尺寸属性、动态插入内容挤压——给媒体元素预留 aspect-ratio 比例、固定广告位尺寸。三项全部达标才拿满这部分信号。
<!-- 图片预留比例防布局偏移（CLS） --> <style> .cover { aspect-ratio: 16 / 9; } </style> <img class="cover" src="hero.webp" fetchpriority="high" alt="封面"> <!-- preload 首屏关键资源加速 LCP --> <!-- <link rel="preload" as="image" href="hero.webp"> -->