图片懒加载

延迟加载、懒加载技术

什么是懒加载技术:
原理:先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题。




    
    
    
    Document
    
    


    
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

复制整体代码在浏览器中可直接看效果,一定有你意想不到的惊喜。

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