方案一:将图片服务和应用服务分離
方案二:简单粗暴的压缩方案
我们可以借助一些第三方软件来进行压缩,比如,压缩后分辨率不变,肉眼看不失真
像淘宝或者京东这样的APP页面上囿很多图片,当我们滑到下一屏时下一屏的图片才会加载,这就采用了图片懒加载的方式.
图片懒加载,简单来说就是在页面渲染过程中,图片不会┅次性全部加载,会在需要的时候加载,比如当滚动条滚动到某一个位置时触发事件加载图片,如下代码:
当网站或者APP有大量小icon,如果上传到图片服務器比如CDN, 要加载所有这些小icon将增加大量请求,而CDN是按流量收费的,这无疑将增加很多成本.
CSS Sprites 技术早已不新鲜,就是将这些小icon合并成一张图片,只需要加载一次,每次通过background-position来控制显示icon,这样就可以节约大量请求,节约成本.