懒加载

原理:先将img 标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储在img 标签的自定义属性中(比如data-src).

用js监听图片进入可视窗口的位置时,取出自定义的属性值,并将它存储到img的src属性中,达到懒加载的效果.

好处:这样做可以防止页面一次性向服务器请求大量的图片,从而导致服务器响应慢,页面加载缓慢,卡顿或者崩溃等问题.