一个做工业泵的客户，排名和内容都还行，谷歌测速工具里核心网页指标常年亮红灯，LCP一项四秒多。他不理解这个指标是什么，只知道竞争对手那项是绿的。三个月后他把这项修到两秒内，排名动没动不好断言，询盘表单的开始填写数先涨了三成——客户等得起页面，等不起白屏。白屏的那几秒，足够客户打开同行的网站了。
LCP量的是什么
LCP直译是最大内容绘制，量的是首屏里最大的那个元素——通常是大图、头图或者大标题——完整显示出来的时刻。它替代了笼统的加载时间，直接回答一个问题：客户等多久才看见你页面里最显眼的东西？做响应式网站设计，这一项跟图片适配、加载策略深度绑定，手机和电脑的最大元素可能不同，优化也得分开做。两端各跑一次测速，各自的短板各自补。补的时候记住顺序，先图片后脚本，收益按大小排。
优化从找准元素开始
先用测速工具跑一遍，它会直接指出首屏最大的元素是谁，别猜。找到之后对症下药：
- 给大图开预加载：告诉浏览器优先下载首屏这张图，别等解析完样式才排队；
- 按端出图：手机加载小尺寸版本，大屏加载高清版，一张两兆的原图别让手机客户硬扛；
- 格式升级：换成新一代图片格式，同画质体积省一半上下；
- 清理首屏拖油瓶：阻塞渲染的脚本、首屏用不到的字体，全部延后。
还有一个容易忽视的点：首屏大图别做成需要脚本才能显示的懒加载，懒加载是给首屏之后的图用的，用在首屏最大元素上等于自己给自己拖速。轮播第一帧同理，它就是LCP元素，前面说的体积控制建议在这里全部适用。
达标线与见效周期
LCP合格线是两点五秒以内，努力目标两秒内。改动通常集中在图片和加载顺序上，技术工作量一两周，改完用测速工具复跑，每次只动一个变量，看清楚每步的贡献。小步快跑，每一步都算得清清楚楚。这项指标达标后稳定期长，不像排名那样天天波动，值得作为技术优化的第一优先级。
建议今天就跑一次测速，把LCP数字记下来当基线；优化排期从图片这一项开始，收益最大最确定。图片优化还有个好处：不用动结构，风险低，改坏了也能随时回退。比格网络交付的响应式网站设计项目，核心网页指标三项全部纳入自检，指标过线不只是给谷歌看的，更是让每位手机客户三秒内见到你的门面。门面开得快，客人愿意进来逛，这是所有优化的起点。
