真的，我现在一听到“核心Web指标”就想吐，尤其是那个狗日的LCP。你说我图什么？换了贵三倍的云服务器，上了对象存储，还搞了个据说能加速的CDN，结果网站打开跟便秘一样，首页加载动不动就七八秒。我盯着统计后台那条像心电图骤停一样的直线，抽了三根烟才冷静下来。
后来实在受不了，用浏览器自带的开发者工具一查，直接破防——我首页那个自以为很炫的团队大合影，一个妹子用单反拍的，原图8MB直接传上来了，没压缩没裁剪，甚至还是PNG！还有产品详情页，运营图省事，从设计稿里直接截图另存为，一张图就好几兆，这蜘蛛爬个屁啊，用户还没等看到“立即购买”按钮就关页面了。
血的教训，优化图片根本不是买个CDN就完事了。首先（对不起，我激动了），压缩是第一步，往死里压。现在好多在线工具和WordPress插件都能干这个，把几兆的图压到一两百K，画质肉眼几乎没差别。其次，格式！别老惦记你那JPG和PNG了，WebP格式是亲爹，同样的画质体积能小一半甚至更多，虽然老IE不支持，但谁还在用IE啊？用代码判断一下浏览器，支持的就喂WebP，不支持的再降级回JPG，这操作不复杂。
还有尺寸！你一个在手机屏幕上显示最多400像素宽的图，用4000像素的源文件，这不是纯纯的浪费流量和拖慢速度吗？用响应式图片代码，或者让CMS自动根据设备生成不同尺寸的图，这才是正道。最后，懒加载必须上，首屏外的图片别着急加载，等用户滚到了再加载，这能极大提升首屏速度。别像我之前一样，傻乎乎地堆了一堆高清大图，用户体验？不存在的。现在搞定了这些，LCP从8秒干到1.5秒内，流量和转化率肉眼可见地往上爬，虽然过程很折腾，但值了。真的，检查一下你的图片吧，现在就去！
