首页 > 其他 > 详细

懒加载

时间:2019-05-31 13:11:15      阅读:96      评论:0      收藏:0      [点我收藏+]

1.什么是懒加载:

         懒加载也就是延时加载,当访问一个页面的时候,我们先把img元素或者其他元素图片路径替换成一张大小为1*!图片的路径(这样就只需要请求一次,俗称占位符),只有当图片出现浏览器的可视区域内时,才设置真的路径,让图片显示出来,这就是懒加载。

2.使用懒加载的好处

    1.页面加载速度快,

    2.可减轻服务器的压力

    3.节省流量

    4.用户体验好

3.为什么要使用懒加载

    因为很多页面,内容很丰富,图片较多,比如说各种商场也面,页面图片数量比较多,少说百来K,多则上兆,有时候没有完全一次性的加载完毕。像京东,淘宝等网站4.、懒4.加载实现的步骤

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

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

懒加载

原文:https://www.cnblogs.com/manban/p/10954570.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!