蚌埠商户说网站慢,我一般先让他发一张网站上的图给我。十回有八回,那张图是手机直出的原图,一张三四兆。慢的根子常常就在这儿,跟服务器关系不大。网站慢就换服务器,这是最贵的错误。十回有八回,问题在图片上。放到蚌埠也一样。光彩大市场商户的网站,很多还挂在多年前的旧主机上。
先看原图有多大
这个最好查。你把网站上的图片另存下来看属性,超过1MB的基本都有问题。网页用图压到200KB上下就够了,肉眼几乎看不出差别。还有一种更隐蔽的情况:图压好了,可页面里塞了七八个跟踪脚本。我在蚌埠见过这种例子。五河螃蟹的详情页,图片多、加载慢,旺季尤其明显。
蚌埠做特产的商户尤其要注意,商品图常常一上来就传十几张原图。首页光图片就要加载十几兆,客人等到一半就走了。补个本地的背景数。一张手机拍的原图常在3到5MB,压到200KB以内肉眼几乎看不出差别。压到两百KB上下,肉眼几乎看不出差别。这个数是我反复试出来的,靠谱。
格式和尺寸哪个更关键
我的经验是先看尺寸。你在网页上显示800像素宽,却传了4000像素的图。光这一项就能省掉八成体积,画质一点没损失。还有个常犯的错:新图传上去了就不管旧的。换季上新,老图从没删过。说个蚌埠本地的例子。蚌埠企业站的banner图,多数是老板用手机拍完直接传上去的。
格式往后排。照片用JPG,图标和透明底的用PNG,能转WebP更好。顺序别反,先压尺寸再换格式,反过来做等于白忙一场。先压尺寸再换格式,顺序别反。反过来做,等于白忙一场还把图弄糊了。这事在蚌埠挺常见。怀远做石榴电商的,商品图一张常常有好几兆。蚌埠高新区几家工厂的内网系统,浏览器版本普遍偏老。
加载方式这一项最省事
也就是所谓懒加载:屏幕外的图等用户滚到了再加载。改动很小,效果立竿见影,首屏速度能快上一截,对手机用户尤其明显。先说个本地的底数。常见的免费SSL证书有效期是3个月,到期要续,忘了就会挂警告页。懒加载这个改动很小,效果却最明显。首屏快了,客人就不跑了。
总结
网站慢先看图片:压尺寸、换格式、开懒加载,按这个顺序来。你要想动手,先把首页最大的那张图另存看看多大,超过1MB就先动它。