【性能优化】---懒加载---【巷子】

00一、什么是懒加载

懒加载也就是延迟加载

 

当访问一个页面的时候，先把img元素或是其余元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出如今浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。

 

00二、为何要使用懒加载

不少页面，内容很丰富，页面很长，图片较多。好比说各类商城页面。这些页面图片数量多，并且比较大，少说百来K，多则上兆。有的时候没有必要一次性加载完！详情请看京东

 

00三、懒加载实现的步骤

一、将图片地址放在元素的自定义属性中

 

二、当页面加载完成后，根据scrollTop判断图片是否在用户的视野内，若是在就取出属性值放到src属性中

 

00四、懒加载的好处

页面加载速度快，能够减轻服务器的压力，节约流量，用户体验好

 

00四、懒加载方案

 

 

其余懒加载方式之后再更新