懒加载（延迟加载）

（1）定义：图片进入可视区域之后再请求图片资源的方式

（2）优点：页面加载速度快，可以减轻服务器的压力，节约了流量，用户体验好

（3）本质：对一个实例的getter方法的重写

（4）实现：

第一种是纯粹的延迟加载，使用setTimeOut或setInterval进行加载延迟. 第二种是条件加载，符合某些条件，或触发了某些事件才开始异步下载。 第三种是可视区加载，即仅加载用户可以看到的区域，这个主要由监控滚动条来实现，一般会在距用户看到某图片前一定距离遍开始加载，这样能保证用户拉下时正好能看到图片

预加载

（1）定义：提前加载图片，当用户需要查看时可以直接从本地缓存中渲染

（2）实现：

方法一：用CSS和JavaScript实现预加载 方法二：仅使用JavaScript实现预加载 方法三：使用Ajax实现预加载

懒加载和预加载的区别：

前端性能优化-懒加载和预加载