图片懒加载

什么是懒加载

懒加载顾名思义突出一个“懒”字，懒字就是拖延的意思，说白就是延迟加载。比如我们进入一个新的页面进行加载的时候，这个页面很长超过了屏幕可视区域的时候，那么懒加载就会优先加载我们可视区域可见的内容,剩余部分是当进入到可视区域之后再进行加载

为什么要懒加载？

懒加载是一种优化网页性能的一种方式，它极大的提高了用户的体验。举个栗子：就拿图片来说，一个网站，单个网页的页面上“图片”是构成页面主体的一个极大部分，但是在现在一张图片的大小超过几兆是一件很正常的事，那么就需要注意到一个问题：当用户在访问一个网页的时候就会请求所有图片资源，如果网速不够快的话，那么用户只能够看到一个空白的网页，或者一个不完整的结构布局，当图片加载完成后，估计用户早就走了。

所以这就是为什么要使用懒加载的原因

总结出来有两个点：

1. 全部加载用户体验差
2. 一次性全部加载浪费用户流量，也许只是访问部分内容，不是全部内容都能够访问完，全部加载的话，就有点浪费流量了。