背景:内容型站点(资讯 + 图文混排),Lighthouse 移动端 LCP 4.8 秒(目标 2.5 秒)。LCP 元素是首屏大图,但关键 CSS 也有 180KB。想请教: 1. 优化决策顺序怎么定:LCP 元素加载链路(preload/fetchpriority)与渲染阻塞(CSS 内联/JS defer)两类手段,先做哪个的判断依据是什么? 2. 首屏大图的服务端方案:图床按设备返回合适尺寸(srcset 之外还有服务端协商的做法吗)、AVIF/WebP 兼容回退的实践; 3. 移动端弱网的特殊处理:preload 提示在低端机上的收益是否明显,有没有实测数据支撑优先级? 希望有做过内容站点 LCP 优化的实战经验。
相似问题