1.前端性能优化的重要方案
- 通过图片或者数据的延迟加载，我们可以加快页面的渲染速度，让第一次打开页面的速度变快
- 只有滑动到某个区域，我们才加载真实的图片，这样也可以节省加载的流量
2.懒加载原理
- 一张图片就是一个<img>标签，浏览器是否发起请求图片是根据<img>的src属性，所以实现懒加载的关键就是，在图片没有进入可视区域时，先不给<img>的src赋值，这样浏览器就不会发送请求了，等到图片进入可视区域再给src赋值。
3.处理方案
- 把所有需要延迟加载的图片用一个盒子包起来，设置宽高和默认占位图
- 开始让所有的IMG的SRC为空，把真实图片的地址放到IMG的自定义属性上，让IMG隐藏
- 等到所有其它资源加载完成后，我们再开始加载图片
- 对于很多图片，需要当页面滚动的时候，当前图片区域完全显示出来后再加载真实图片
具体实现方法可以访问这里：js实现图片懒加载原理
