优化LCP别瞎折腾：8年SEO实测的踩坑干货
LCP到底卡掉你多少自然流量？说白了，谷歌说的LCP，就是你打开网页后，首屏**那块内容加载完成的时间。GF给的及格线是2.5秒，超过4秒直接给你打不及格，PM就是上不去。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/ccc7a46f-2312-4b2b-8993-5c5e98ae8dfd.jpg
谷歌搜索控制台LCP指标报告截图
我刚碰LCP那会，踩过一个巨傻的坑：花了一下午把整站几百张图全压缩了一遍，兴冲冲跑去测分，结果LCP从3.8秒变成3.7秒，差0.1秒还是不及格。当时差点把键盘砸了。
后来才摸明白，LCP只认首屏视口内的**元素，你把页脚的小图压到1KB，对LCP一点用都没有。白花时间不说，还耽误事。
新手优化LCP最容易踩的3个坑，全是我亏过流量的教训
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/c6e2c7e9-4035-40bd-b173-a46784f04e19.jpg
新手优化LCP最容易踩的3个坑，全是我亏过流量的教训
瞎压缩算第一个？不对，那只是基本功，我给你说三个90%的新手都会踩的大坑。
第一个坑：把所有资源都加预加载，反而拖慢LCP。
很多人刚学会预加载，听人说预加载能提LCP速度，上来就给logo、banner、全站字体、图标都加上preload。结果呢？我之前给一个服饰电商客户改站，原本LCP是2.8秒刚好及格，加了5个预加载之后，直接掉到4.2秒，两周内自然流量掉了18%，搜索结果CTR降了12%。
为什么？预加载会抢主资源的带宽啊！你一下子塞一堆优先级高的资源给浏览器，它忙不过来，反而把真正需要提前加载的LCP元素给挤到后面了。
你听我一句劝，只预加载LCP元素本身，别的资源一概不要碰。
【操作路径：谷歌搜索控制台 -> 页面体验 -> LCP报告 -> 筛选不达标URL -> 查看页面**元素 -> 仅给该元素添加preload属性】
第二个坑：给首屏LCP图片加懒加载。
这个错犯的人真的太多了！我之前接了一个做职业培训的客户站，整站80%的页面LCP都超4秒，PM死活上不去，查了半天发现主题自带的懒加载默认给所有图片都开了，连首屏的头图都不放过。
LCP元素本身就在首屏啊！懒加载是等你滚动到才加载，这不就是故意让它晚出结果吗？改完之后，客户站平均LCP直接降到2.1秒，一周内自然流量涨了27%。就这么夸张。
第三个坑：为了缩体积把LCP图压得不成样。
很多人求快求小，把首屏的主图压得模糊发虚，用户点进来根本看不清产品，直接就走了。我见过一个站长，为了把LCP降到2秒以内，把1MB的主图压到50KB，结果LCP确实达标了，跳出率涨了31%，半个月后PM反而掉了10名。
你说图快，最后图了个啥？
我测了100多个站，亲测有效的LCP优化野路子
说实话，网上很多优化方法都是给大厂准备的，什么换百万级CDN，升级高配服务器，中小站长哪来那预算？我给你说几个不花钱或者花几十块就能出效果的招。
第一个，给LCP图片硬编码宽高。
很多人现在写img标签习惯用CSS自适应，不写固定的width和height，浏览器得等图片加载完才知道它多大，中间会有空位重排，硬生生拖慢LCP。你直接在img标签里写上宽高，浏览器提前留好位置，这个操作平均能降LCP 15%的加载时间，我测了27个站，25个有效。
第二个，把首屏没用的第三方JS全挪走。
你去看你的站，head里是不是塞了好几个统计代码、广告联盟代码、分享按钮代码、站长验证代码？这些东西全部会抢首屏资源的带宽，把LCP拖慢。你把没用的直接删掉，剩下的全挪到body标签最末尾，加个defer属性，别让它挡着LCP资源加载。
我之前给一个个人博客做优化，head里塞了7个第三方JS，删了三个没用的，剩下四个挪到末尾，LCP直接从3.6秒降到2.3秒，前后花了不到20分钟。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/64fd9be8-a278-4eba-a28d-acf3312472ab.jpg
LCP优化前后PM流量对比数据表
第三个，LCP图片单独转WebP再上传。
别用那种插件批量自动转，很多插件转的WebP要么体积大要么质量差，你把每个页面的LCP图单独拿出来，用在线工具压成WebP，体积比JPG小30%左右，质量还没差多少，加载速度直接提上来。
LCP优化到什么程度就够了？
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/fa19ad44-d6bf-4427-bfec-ab65503e4f62.jpg
LCP优化到什么程度就够了？
很多人钻牛角尖，非要把LCP压到1秒以内，我说实话完全没必要。
我今年两个客户，都是把LCP从4秒多降到2秒以内，平均PM涨了6位，自然流量涨了42%，投入产出比极高。但有一个客户，为了把LCP从2秒压到1.5秒，花了两万多换CDN升级服务器，最后流量只涨了3%，完全得不偿失。
不过话说回来，你内容做得好，LCP慢就是白白丢流量，太可惜了。你内容做得烂，LCP再快也没用，谷歌又不瞎，用户更不瞎。
说白了，SEO就是赚信息差的钱，把该做的基础做对，就能赢过90%的竞争对手了。 内容干货满满，没有多余废话，对有需要的人来说帮助真的很大。 很多点我之前都没想到，楼主一提醒才恍然大悟，收获很大。 每一段都很有分量，认真读完全篇感觉整个人都提升了不少。 非常有建设性的意见，对解决实际问题有很大的参考意义。
不仅内容好，语气也很温和，这样的交流氛围真的很不错。 认真看完了整篇内容，感觉受益匪浅，期待楼主后续更多优质的分享。 思路很清晰，步骤也很详细，跟着操作应该不会出什么问题。 内容全面又细致，几乎把相关问题都覆盖到了，非常用心。 楼主态度很认真，回复也很耐心，这样的楼主值得大家支持。 虽然篇幅不长，但句句都是重点，简洁又有深度，非常不错。 感谢楼主带来这么好的内容，在论坛里能学到东西真的很开心。 很多建议都很接地气，能直接用在生活或工作中，实用性很强。 观点很成熟，分析也很理性，值得大家静下心来认真看一看。 没想到还有这么多细节，之前一直没注意到，感谢楼主提醒和科普。 内容写得很详细，逻辑也很清晰，对新手来说非常友好，支持一下楼主。 非常同意楼主的看法，现实中确实是这样，很多人都忽略了这一点。
页:
[1]
2