佛山站长，图片压缩前加载慢怎么办

禅城有个做家居用品网店的老板跟我说他按我之前的建议把图片都压缩了一遍但还是觉得不够快特别是在手机上。我说那你该考虑换图片格式了。

什么是 WebP 格式

简单说就是Google 推出的一种比 JPG 和 PNG 都更先进的图片格式同样画质下体积能小百分之二十五到三十五。这意味着你不用降低画质就能让图片加载更快。现在主流浏览器都已经支持 WebP 了包括 Chrome Firefox Edge 甚至 Safari 从版本十四开始也支持了。唯一需要注意的是老版本的 IE 和一些特别旧的安卓浏览器不支持所以要做好降级方案。

怎么用 WebP 替换现有图片

操作步骤很简单。第一步是把现有的JPG和PNG图片转成WebP格式——可以用在线工具比如Squoosh或者命令行工具批量转换；第二步是在代码里优先调用WebP格式然后给不支持的老浏览器一个fallback方案——一般是用picture标签或者服务端判断。南海有家做陶瓷工艺品的企业全站换成WebP之后页面平均大小减少了四成移动端加载速度提升了一倍多。

技术这个东西更新很快但基础逻辑是不变的。我在佛山维护过上百台服务器发现出问题的往往不是什么高大上的漏洞而是最基础的备份没做好或者密码太简单这种低级错误。把这些基本功做好了百分之九十的安全问题都能避免。

技术在变但底层逻辑没变。我在佛山维护的服务器里有好几台是五年前配置的到现在还在稳定运行不是因为硬件有多好而是因为日常维护做得好。定期更新补丁、监控磁盘空间、检查备份是否正常这些看起来不起眼的小事才是保障系统稳定的关键。

总结

图片格式升级这件事是继压缩之后的第二步优化投入不大效果却很明显。我的建议是：先把你们网站访问量最大的前二十个页面的主图都转成WebP试试看效果。你要是需要我可以推荐几个好用的批量转换工具免费的。