案例三：服务端渲染与图片懒加载的组合策略

LCP记录了页面中最大可见元素（通常是图片、视频或大块文本）完成渲染的时间

工程师发现页面加载时存在大量未使用的CSS规则

首屏阻塞的常见成因

首屏阻塞的常见成因 首屏渲染速度慢，通常由以下因素导致： 渲染阻塞资源 ：CSS和JavaScript文件如果未经优化，会阻止浏览器解析HTML，延长首屏时间

案例二：精简首屏CSS阻塞

压缩并预加载关键资源 ：对LCP图片进行高质🌈量压缩，并在H🎉TML头部使用preload标签

案例一：通过资源预加载优化LCP

团队采取了 服务端渲染（SSR） 首屏HTML，确保文字内容可以立即呈现；同时，对于首屏以下的图片使用懒加载技术