第三步：改善首次输入延迟或交互响应（FID/INP）的要点

简单来说，Core Web Vitals 主要关注三个方面： 加载性能 （LCP）、 交互响应 （FID/INP）和 视觉稳定性 （CLS）

字体加载引起文字偏移 使用 font-display: swap 并搭配回退字体，确保文字区域在加载过程中不会因为字形变化而跳动

第二步：提升最大内容绘制（LCP）的常见策略

对于移动端，常见的优化方向包括： 优化图片与视频资源 ：使用现代格式（📌如 WebP），合理设置压缩质量，并确保图片尺寸与移动设备屏幕匹配

第一步：监测并理解当前网站的 Core Web Vitals 数据

预连接关键第三方源 ：通过 <link rel="preconnect"> 提前建立与资🍀源服务器的连接

第四步：稳定视觉布局（CLS）的实用方法 CLS 衡量页面在加载过程中😎元素发生意外偏移的程度