我的思路
1、用photoShop将图片保存为交错显示,这样图片在显示的时候是由模糊到清晰,而不是从上到下显示。
2、用代码压缩图片
3、用小一点的图片
4、CDN将资源文件上传到服务器上
逐一尝试结果
1 pass 虽然交错显示,但依然比较慢
2 pass 直接用小一点的图片就好了,没必要用代码压缩,目前互联网,基本不采用压缩图片质量的方式,更好的方式是渐进式加载(也就是第1种)
3 pass 会有点模糊
4 success 通过图片资源CDN,会保证全国各地的用户,都能较快的获取图片,并且现在的CDN都可以设置图片的加载方式,可设置为渐进式加载,也可以加水印等等很方便。
如果是背景图并且CDN还是很慢,在页面加载的过程中,用户明显看到了背景图加载很慢,可以用一个默认颜色来代替背景,与背景相近,后面图片加载出来会逐渐覆盖默认颜色,这样视觉感受的加载不太明显。