前端js实现图片延迟加载(懒加载)

当一个页面上有大量的图片,加载很慢,如何优化这些图片的加载,给用户更好的体验,延迟加载就是一种方式

html 布局代码

这里自定义orc属性,用来存放图片资源的路径,用于后面真正加载时候把图片的路径复制给src,一开始src存放的都是统一的压缩一个动图

内部书写的css代码

 

js代码


最后打包拿走不客气




    
    延迟加载练习
    


你可能感兴趣的:(前端js实现图片延迟加载(懒加载))