辽源商品详情页图太多，图片压缩到底怎么选

辽源一家蛋品加工厂的产品详情页，我数过，二十七张图。开发区那位信息员挺得意，说图多显得实在。可手机打开等了十几秒，人早滑走了。图多不是错，一次全加载才是错。后来我们一张图没删，页面反倒快了。他有点意外。同样的毛病袜业档口也有。图堆得比这还多。

详情页图多为啥更要命

详情页图多，坏处是叠加的。二十七张，哪怕每张三百K，加起来也有八兆。手机流量慢一点，就得等上半分钟。监控屏上那张流量图，那阵一直是尖的。页面越长，图越多，越得分批加载。你自己滑一遍就知道有多难受。别只在电脑上看。电脑上宽带快，看不出问题。手机连流量才是客人的真实感受。

有个数我印象很深。那页原来平均等待十四秒，改完两秒多。一张图没删，只是压了图、换了加载方式。客户当时问我是不是换了服务器。没换，机房那台旧服务器还嗡嗡响着呢。省下的钱他拿去拍新图了。这笔我觉得花得值。图好看了，慢的毛病也没了。

三种压法各有各的适用

压图的做法有三种，各有各的适用。第一种手工压，装个工具自己批量弄，最省钱，适合图不多的。第二种在服务器上装自动压缩，传什么图都自动处理。第三种走CDN，边分发边转格式。图少就手工压，上货勤的用自动。别反着来。反着来钱多花，人还累。自动那套配一次能管很久。

该选哪种？我给档口那种一周上几十张货的，配自动压缩。一年才换两次图的企业站，手工压完事，不用多花钱。CDN我一般等流量真上来才建议，早上没必要。你先算自己一个月上多少张图，再挑做法。这个数你心里有。数不清就翻翻后台记录。翻一次就明白了。

懒加载能顶上一半的事

还有一招比压图更省事，叫懒加载。说白了就是客人滑到哪儿，才加载哪儿的图。屏幕外的图先不动，首屏一下就出来了。客人不往下滑，就不加载。二十七张图的页面，一开始只加载三四张。压图加懒加载，多数详情页就够快了。两招一起上，效果最明显。这功能现在的建站程序基本都带。开一个开关的事，你可以让人给你打开。

照这个顺序试一遍

总结：详情页慢在图多，还一次全加载。上货勤的配自动压缩，图少的手工压。加上懒加载，首屏能快一大截。CDN押到流量真起来再说。你照这个顺序试：先开懒加载，再压图，然后量一次秒数。量完就知道下一步动哪儿。今天就能动第一步。