仓山区有个做家居定制的门店老板跟我抱怨说他们家的官网设计得很漂亮功能也很齐全但是就是打开速度太慢了尤其在手机上访问的时候经常要等五六秒才能加载出来很多客户等不及就直接关掉了去看竞争对手的网站了损失了很多潜在客户和订单收入。他问我有没有什么办法能够提升访问速度我说你这个情况最适合从图片优化入手因为图片通常是网页里面体积最大的资源占比往往超过百分之六十甚至更高。
为什么图片会拖慢网站速度
现在大家拍照用的手机像素越来越高一张照片动辄几兆甚至十几兆大小如果你直接把这些原图上传到网站上那加载速度肯定慢得像蜗牛一样让人受不了。而且很多老板根本不知道要做图片压缩这件事直接就把相机或者手机拍出来的原图传上去了完全没有经过任何处理和优化导致页面体积臃肿不堪加载缓慢用户体验极差。
还有一个常见的问题就是图片格式选择不当很多人还在用JPG格式来存储那些颜色比较简单的图标和插图其实这种情况下用PNG或者WebP格式效果更好体积更小加载更快。WebP是谷歌推出的一种新一代图片格式相比JPG能够减少百分之二十五到百分之三十五的体积而且画质基本没有损失目前主流浏览器都已经支持了兼容性不是问题了。
几种实用的图片优化方案
最简单的方法是用在线工具比如TinyPNG或者Squoish这些免费的在线压缩工具你只需要把图片拖进去就能自动压缩一般能减少百分之五十到七十的体积而且肉眼几乎看不出画质变化非常方便好用适合不懂技术的老板自己操作几分钟就能搞定。
如果你想更自动化一些可以在服务器端配置自动压缩插件比如WordPress的话有Smush或者ShortPixel这些插件上传图片的时候就会自动压缩不需要你手动操作省时省力效率很高。还有一种更高级的做法是用CDN来分发图片资源CDN节点会自动对图片进行压缩和格式转换适配不同的设备和网络环境效果最好但是需要一定的技术门槛和费用投入适合有一定规模的网站使用。
总结
总之图片优化是提升网站性能性价比最高的手段之一投入小见效快不需要太高的技术门槛就能做到。我建议你先把网站上所有超过一百KB的图片都检查一遍该压缩的压缩该转格式的转格式做完这一步你的网站加载速度大概率就能提升一倍以上客户体验好了留存率和转化率自然就跟着上去了这笔时间花得太值了。