原理:先将img 标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储在img 标签的自定义属性中(比如data-src).
用js监听图片进入可视窗口的位置时,取出自定义的属性值,并将它存储到img的src属性中,达到懒加载的效果.
好处:这样做可以防止页面一次性向服务器请求大量的图片,从而导致服务器响应慢,页面加载缓慢,卡顿或者崩溃等问题.
相关文章：
相似解决方案
热门标签
原理:先将img 标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储在img 标签的自定义属性中(比如data-src).
用js监听图片进入可视窗口的位置时,取出自定义的属性值,并将它存储到img的src属性中,达到懒加载的效果.
好处:这样做可以防止页面一次性向服务器请求大量的图片,从而导致服务器响应慢,页面加载缓慢,卡顿或者崩溃等问题.
相关文章：