我往下滑动才会加载图片用到什么技术呢？？就是没滑动下面就不会加载，优化打开网页速度，这种是什么技术

Question

http://www.bl.com/?EGJi&cm_mm...我往下滑动才会加载图片用到什么技术呢？？就是没滑动下面就不会加载，优化打开网页速度，这种是什么技术

Answer 1

lazyload ，又叫懒加载技术。可以自己实现一个，很简单。没必要用插件。一直用插件，会用傻的。尤其是对初学者。
实现原理：
是给img一个自定义的属性里面存放真是图片的地址，默认的src为示意图片的图片地址。如：

<img src="demo.png" real-src="realsrc.img" />

然后监听滚动事件，当滚动的视觉区域，控制替换img 的src 为real-src的地址。

Answer 2

lazyload，有很多现成的包可以做这个了: https://github.com/verlok/laz...

Answer 3

懒加载，有现成的JS库可以用。