前段时间针对公司的网站首页做了优化,由于第一屏会载入很多图片,我们除了针对图片做lazy-load,还可以对图片进行体积上的压缩,因为体积小了,下载速度会变快,从而可以减少
用户等待时间,也可以减少部分带宽。
所以我们可以在线下对图片进行压缩再上传到线上 。
这些图片都是 jpg格式,虽然压缩都是有损的,但我们可以通过减少 quality的方式,比如100%的quality与80%的quality,用户感观上基本一样,但是体积却可以减少30%以上,
比如6K的图片,会到4K左右,
这里用php就可以完成此类的功能,针对一个文件夹下的图片,统一压缩成不同quality的图片,再统一覆盖线上已经有的图片即完成了图片压缩。
因为网站第一屏有60多张小图标,压缩后,减少了100多K的体积。
整体平均速度提升了200ms(1200万的浏览量)