六安商户的网站慢,十个里八个是图片惹的祸。手机拍一张照片四五兆,客人打开你的页面等于下载一本书。这期把图片压缩讲透,不写代码也能看懂。
图片为什么拖慢网站
网页打开像搬家,文字是行李箱,图片是大柜子。一张没压缩的图,体积顶得上几百屏的文字,客人手机的流量和时间都耗在下载图上。而且很多客人用流量、信号一般,四五兆的图转半分钟,早跑了。搜索引擎也把打开速度算进排名,慢的站排在后面,双重吃亏。
压缩前先定尺寸
压缩第一步不是找工具,是先把图缩到需要的尺寸。网页上商品图一般宽八百到一千像素就够,横幅图一千二到一千五,你手机原图四千像素,等于开着卡车送快递。手机电脑都自带缩放功能,缩完再做压缩,事半功倍。
格式和压缩怎么选
格式记两条:照片用JPG或WebP,带透明背景的图用PNG。WebP是新一代格式,同画质体积小一半,现在的网站基本都支持。压缩用免费工具就够:电脑上用在线压缩网站,拖进去自动压;手机上有很多免费App。目标体积记一个数:单张图两百K以内,整页不超过两兆,达到这个标准,网站速度立刻上一个台阶。压缩后自己点开看看,肉眼分不出糊不糊的,就说明压得合适。
上传前的习惯
养成一个习惯:图片不过手不进网站——每张图上传前先缩尺寸再压缩,一气呵成。商品图统一尺寸上传,页面整齐还快。六安本地一家做民宿的客户,就靠这一套把首页从八兆压到一点五兆,手机打开从六秒变两秒,线上询单肉眼可见地多了。
手机端是六安客人的主战场
六安本地客人的线上行为,八成在手机上。所以不管做哪项技术优化,验收标准永远是掏出手机实测:点单顺不顺、图片清不清、支付卡不卡。电脑上看着完美的页面,手机上可能字挤成一团。每次改完,用你自己的手机走一遍完整流程,再找店里年轻人走一遍——两代人用手机的习惯不同,问题往往出在你意想不到的地方。
总结
图片提速三步:先缩尺寸、照片用JPG或WebP、压到两百K以内。六安的商户,今天回去把首页几张图按这三步处理一遍,再测一次打开速度,你会吓一跳。。六安皋城路一带的同行,还有大别山沿线的老板,聊起来都是这个体会。