为什么要使用懒加载？

当我们进入到某个页面的时候，会有很多的图片，有些图片可能在下面，当我们点进页面但没有滑动全部展示时，其实下面的图片是没有啥作用的，白加载了，还降低网页的加载速度。那懒加载就是只有滚动到可是区域时才加载当前的图片，也就是说不是一次性加载所有的图片，从而在程度减少服务器的请求和带宽

 

懒加载的优点：

提高前端性能，图片在需要的时候才加载，减轻服务的负担，提高页面的加载速度，能够减少带宽

实现原理：

图片的加载时由src的值引起的，当对src赋值时浏览器会请求图片资源，基于这个，可以利用html5的自定义属性data-xxx来保存图片的路径，当我们需要加载图片的时候才将data-xxx的值赋值

 

最后放2个截图，jq的懒加载,跟移动端的下拉请求(分页)