网页图片显示慢的解决方式

901 阅读1分钟

我的思路

1、用photoShop将图片保存为交错显示,这样图片在显示的时候是由模糊到清晰,而不是从上到下显示。

2、用代码压缩图片

3、用小一点的图片

4、CDN将资源文件上传到服务器上

逐一尝试结果

1 pass 虽然交错显示,但依然比较慢

2 pass 直接用小一点的图片就好了,没必要用代码压缩,目前互联网,基本不采用压缩图片质量的方式,更好的方式是渐进式加载(也就是第1种)

3 pass 会有点模糊

4 success 通过图片资源CDN,会保证全国各地的用户,都能较快的获取图片,并且现在的CDN都可以设置图片的加载方式,可设置为渐进式加载,也可以加水印等等很方便。

如果是背景图并且CDN还是很慢,在页面加载的过程中,用户明显看到了背景图加载很慢,可以用一个默认颜色来代替背景,与背景相近,后面图片加载出来会逐渐覆盖默认颜色,这样视觉感受的加载不太明显。