图片懒加载 lazyLoad

图片懒加载

图片的延迟加载最常见的是只加载网页显示在屏幕中的图片,如果用户没有滚动到网页靠下的部分,那图片就不用显示了,节省HTTP请求和带宽,同时提高首屏的加载速度,提高用户体验。

具体思路是通过同一张图片占位,使用data-src 存储真实地址,然后在滚动时,判断element.offset().top <= $(window).height() + $(window).scrollTop(),如果符合条件,通过attr方法改变src,加载真实图片.





  
  
  
  懒加载
  



  

你可能感兴趣的:(图片懒加载 lazyLoad)