调优前的准备工作：数据采集与诊断

拿到报告后，重点关注各个指✨🍀标是否处于“良好”区间（LCP小于2

调优前的准备工作：数据采集与诊断

常见的方法包括以下两种： 使用百度搜索资源平台 ：登录平台后，在“站点性能”或“体验优化”模块中查看百度抓取时记录的CWV数据，这里的数据直接反映了百度视角下的网站表现

优化LCP的核心☀️思路是 缩短资源🎉加载链路的耗时

预加载关键资源 ：在 <head> 中使用 <link rel="preload"> 提前加载首屏需要的大图片、字体或CSS文件

调优后的持续监控与迭代

尤其是作为最大内容元素的图片，建议设置 fetchpriority="high"

移除阻塞渲染的资源 ：将CSS拆分为首屏内联样📚式和延迟加载的非关键样式，JavaScript脚本尽量添加 async 或 defer 属性，或放在页面底部加载

首次输入延迟（FID）调优🤔步骤 FID描述的是用户首次🍀与页面互动（点击按钮、链接等）到浏览器能实际响应之间的延迟