本文介绍图片懒加载和模糊加载技术的应用及实现方法。通过延迟加载非可视区域内的图片，减少初始加载时间，提高用户体验。同时，采用模糊加载方式预览图片缩略图，待原图加载完成后再进行替换。
本文记载有关于 图片懒加载、图片模糊加载等与图片加载相关的知识，后续会更新
图片懒加载
- 利用img标签src属性，在该图片快到达客户可视范围时，给img添加src属性（添加后，会发起请求下载图片）；
- 而在距离视区范围很远时，不给img添加src属性；
- 实现图片懒加载，节省流量，也防止一下子加载过多资源，减轻服务器压力
图片模糊加载
附：鑫神的链接
- 总体流程—— 先展示一个图片缩略图，同时加载原图片，带原图片加载完成后，覆盖掉原来的缩略图
- 在img的load事件内处理 对缩略图的覆盖
转载于:https://my.oschina.net/littleFaye/blog/1859644
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
