延迟加载 （js）

经常听到的 懒加载，就指的是延迟加载 ，你也可以用惰性加载称呼他。

简单理解为 需要使用相应资源的时候加载，不需要就不加载。

优点：

减少请求、节省带宽、提高页面加载速度，相对的，也能减少对服务器的压力。

图片时间懒加载

需要判断图片是否已经呈现在可视区内。当图片呈现在可视区内时，获取图片的真实地址并赋给该图片。

1.浏览器视口高度。
2.待加载资源距离视口顶端的位置。

可以通过这两个关键点 判断图片是不是当前可见

可以使用 getBoundingClientRect()与clientHeight来判断。