图片懒加载的优势与原理

懒加载的优势

1 增强用户体验 
2 优化代码 
3减少http的请求 
4减少服务器端压力 
5服务器的按需加载

懒加载的原理

原理：先将img标签中的src链接设为同一张图片（空白图片），将其真正的图片地址存储再img标签的自定义属性中（比如data-src）。当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。
这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或崩溃等问题。