懒加载和预加载

浏览器如何工作

懒加载思路

  • 将页面中的所有img的src用data-xx代替,当页面滚动时将要显示的图片出现在可视区域,用js去转换data-xx为src
  • 可以先用一张1*1px图片替换背景 俗称占位图,然后当图片出现在可视区域才设置正真的图片路径

预加载

猜你喜欢

转载自blog.csdn.net/u013270347/article/details/80362923