什么是懒加载?
懒加载其实就是延迟加载,按需加载,只有在需要时才加载,他是网站的一种优化方案。
我们为什么要使用懒加载?
减少http请求,减少服务器的负担,提高用户体验。一些大型的电商网站,比如淘宝,天猫,京东,一般它们的页面商品图片繁多,而每加载一张图片就会发送一次http请求,如果让浏览器一次性渲染全部图片,这样用户的等待时间就长,用户体验相当不好,也给服务器带来一定的负担,这个时候就可以使用懒加载,先让浏览器加载一部分呈现在视窗的图片,当用户下拉时按需将呈现在视窗的图片加载给用户,这样的用户体验就会好很多。
怎么使用懒加载?
首先给每一张要懒加载的图片添加一个自定义属性,比如data-src,在该属性里面存放真实的图片路径,设置触发事件,当事件触发时,将data-src的路径获取出来,添加到src属性里面。
这只是其中的一种思路,写得有不对不好的地方望指点,一个刚起步的web前端小白的一点简书。