灵巧荷花

文章
8
资源
0
加入时间
4年0月9天

浏览器图片懒加载原理

懒加载如果页面上有很多静态资源需要请求,为了提高页面性能,可以使用图片懒加载,等待用户浏览到图片的时候在进行加载作用减少服务器端的压力,提高性能提升页面加载速度实现先在img地址src上设一个loading图片地址,如果用户没有浏览到该图片,则不进行加载,浏览到该图片的时候,把src替换为自定义属性data-src把浏览器窗口分区,分一个可视区域,如果图片进入这个可视区域内,就把src替换为data-src步骤:获取当前窗口的偏移量,计算是否在可视范围内监听窗口滚动事件,检查元素是