图片体积大加载慢？压缩复盘

「我们产品图都是高清的，不能压」——这是客户最常说的抗拒。结果一页 20 张 4MB 的原图，手机打开要十几秒。这篇复盘一个图片超重的站，怎么在不损画质的前提下把速度提上来。

类似 图片体积优化 的企业我们交付过不止一家，处境高度相似：产品本身拿得出手，但网站没把这份竞争力翻译成海外采购看得懂、愿意开口问的语言。这篇把一个真实项目从诊断到上线的完整过程拆开讲——栏目怎么搭、内容怎么填、后台怎么布询盘，你能照着走一遍。

下面按「背景—诊断—策划—内容—后台—转化」六段走一遍，每一段都给出我们当时的判断和具体动作，你可以对照自己的站看差在哪。

一、症状：一页图 80MB，手机打开十几秒

用工具测速，首屏加载 14 秒，图片占了 90% 的体积。后台数据：移动端跳出率 85%，大部分在 5 秒内就关了。

这些问题单看都不致命，但叠在一起，买家的路径就断了：想看信息看不到，想信任没证据，想咨询没入口。

二、根因：不是「图不能压」，是「压的方式不对」

高清和轻量不矛盾，关键是「按展示尺寸输出 + 现代格式 + 懒加载」。原图留着归档，前台只输出实际需要的尺寸和格式，肉眼几乎看不出差别。

根因想清楚，解法往往就收敛了。你会发现不需要「大改」，只需要把该在前面的东西挪到前面，把该补的证据补上。

判断改造是否成功，别只看「好不好看」。看数据：跳出率、停留、点击率、完成率。数据不动，说明改的不是地方。

最后提醒一句：改造别追求「一步到位」。我们见过太多项目，想一次把所有问题解决，结果上线延期、问题更多。小步快跑，一次解决一个卡点，反而更快。

三、改造动作

改造后首屏从 14 秒降到 2 秒多，图片体积减少 80%，画质肉眼无差。移动端跳出率降到 45%。

具体到执行，我们一般先改「流量最大、转化最差」的那几个页面。改完观察两周，数据动了再推第二批，避免一次性全改、出问题不好回滚。

另外，改造前一定要做一次数据快照。改完两周对比，才知道到底动没动。没有快照，一切「感觉变好了」都是自欺欺人。

四、改造后：怎么判断有效

判断有效看两个数：首屏加载时间、移动端跳出率。前者进 3 秒、后者明显下降，才算改对。

我们也会看「同一访客的浏览深度」：改之前平均看 1.2 页就走，改之后能到 3 页以上，说明路径被接住了。

如果三个月后数据又回落，别急着再改。先看是不是「内容没跟上」——结构修好了，但没持续供内容，效果会慢慢衰减。改造是一次性的，运营是长期的。

五、可复用清单

图片优化的核心，是「前台要什么给什么」。你按尺寸和格式输出，画质不丢，速度却能翻几倍——这是外贸站性价比最高的一次改造。