首页 > 其他 > 详细

怎样优化大量图片的加载,提高用户体验

时间:2017-03-01 00:39:06      阅读:266      评论:0      收藏:0      [点我收藏+]

1、图片懒加载:在页面的未可视区域,可以添加一个滚动条事件,判断图片到浏览器顶端的距离如果小于到低端的距离,优先加载。

2、图片预加载技术:如果为幻灯片,相册等,将当前展示图片的前一张和后一张优先下载。

3、其他技术:如果是css图片,可以使用CSSsprite,SVGsprite,Iconfont、Base64等技术。

4、先加载一张不清晰的缩略图,以提高用户体验。(微博上好像会经常看到)

5、在服务器端先进行压缩,图片压缩后的大小与展示区域保证一致。

怎样优化大量图片的加载,提高用户体验

原文:http://www.cnblogs.com/dovfwx/p/6481667.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!