懒加载的原理:
先将img标签中的src链接设为同一张图片(空白的图片),将其真正的图片地址存储在img标签的自定义属性中(例如:data-src),当js监听到该图片进入可视窗口的时候,立刻将自定义属性中的地址存储到src属性中,达到懒加载的效果。
使用懒加载的原因:
防止页面一次性向服务器请响应大量请求导致服务器响应慢,页面卡顿或者崩溃的问题。
随手记1:懒加载的原理及实现
最新推荐文章于 2024-04-19 17:01:32 发布
懒加载的原理:
先将img标签中的src链接设为同一张图片(空白的图片),将其真正的图片地址存储在img标签的自定义属性中(例如:data-src),当js监听到该图片进入可视窗口的时候,立刻将自定义属性中的地址存储到src属性中,达到懒加载的效果。
使用懒加载的原因:
防止页面一次性向服务器请响应大量请求导致服务器响应慢,页面卡顿或者崩溃的问题。