公司有个点餐的项目有大量的图片需要在扫码后的网页进行加载,刚开始使用的客户少的时候公司的4核8G,5M带宽的服务器还能挺快的加载图片和网页,但是客户一多,由于客户大多是快餐行业的,中午点餐的人数是相当多的,图片加载速度就慢的跟个蜗牛一样
可能进入了网页10多s图片就加载了几张图片,客户的想点一样菜但是图片都看不到,等图片刷新又慢,体验极差,在了解研究学习后决定使用阿里云的对象存储对原有的图片进入转移,使用阿里云的服务器存储图片加载图片极大的提高了性能
原加载速度如下图所示:
可以清楚看到图中红线框住部分全部加载需要40.28s左右,此加载速度还是为非忙时段的加载速度,如果中午高峰时段,用户增多可能加载速度更慢,如果每个客户中午点餐的时候都需要等待这么长时间的图片加载时间,那么产品的体验一定的极差的,所以有了优化图片加载的本文
下图为优化程序后从阿里云服务器加载的速度:
此为从阿里云对象存储加载图片的速度,可以清晰的看见全部加载完成仅需3.49s,几乎加载完网页的时候全部图片就已经加载完成了,极大的提高了用户的体验