鲅鱼圈一个卖海鲜的商户找我说网站慢,问要不要换服务器。我打开她的网站测了一下,首页足足八点六兆,其中七兆是图片。服务器一点问题没有,问题全在图上。她之前一直以为,是服务器便宜没好货。这种事我每周都能碰上两三回,今天就讲讲图片压缩怎么做。
先搞清楚慢在哪,别急着花钱
动手之前先测一下。打开页面,看看总大小多少,图片占了多少,加载用了几秒。这些数据免费的在线工具就能测,不用装东西。测完再动手,这是我干了这些年最深的体会。营口这边我帮人测过几十个站。八成以上的慢,都是图片和脚本造成的,跟服务器关系不大。数据摆出来,问题在哪不用猜。
第一步:把格式换对
很多人的网站还全在用JPG和PNG。同样的画质,转成WebP格式能小百分之三十到五十。现在的浏览器基本都支持,不用担兼容性。你要是嫌一个个转麻烦,就让做网站的人加个自动转换插件。配好一次,以后上传自动转。WebP这东西,用了都说好,就是没人愿意先试。
第二步:尺寸要按显示大小来
这是最常犯的错。页面上图片显示宽度才八百像素,你传了一张四千像素的原图上去,等于让客人的手机白下载五倍的数据。传原图上去,就是让客人替你扛流量费。图片尺寸这事,错得最多。我一般建议:列表页的图控制在八百宽,详情页大图一千二就够,别再大了。
第三步:开懒加载
懒加载的意思很简单:客人看到哪,图片才加载到哪,没滚到的地方先不下载。这一项改动很小,效果却立竿见影。营口那家海鲜店的网站做完这三步。首页从八点六兆降到一点二兆,打开时间从十一秒缩到两秒出头。她后来跟我讲,早知道这么简单,就不纠结那半年了。
总结
营口商户的网站慢,先测一下图片占多少,再按换格式、定尺寸、开懒加载三步处理,多半不用换服务器。这三步一分钱不花。你要动手,今天就测一下自己网站的首页大小。这三步谁都能做,不用懂技术,也花不了一分钱。