jquery.lazyload：基于jQuery的轻量级网页图片延迟加载插件

jquery.lazyload 是一个用于图片懒加载的 jQuery 插件，它能提升网页性能，减少初始加载时间。

核心功能

• 延迟加载：图片滚动到可视区域时再加载，减少初始请求。
• 占位符支持：使用小尺寸占位图，加载后替换为原图。
• 事件触发：支持滚动、窗口调整等事件触发加载。
• 兼容性：兼容现代浏览器及 IE6+。

基础用法

引入资源

<!--jQuery-->
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/2.2.4/jquery.min.js" type="application/javascript"></script>
<!--jquery.lazyload start-->
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery.lazyload/1.9.1/jquery.lazyload.min.js" type="application/javascript"></script>
<!--jquery.lazyload end-->

HTML 结构

<img class="lazy" data-original="path/to/real/image.jpg" src="path/to/placeholder.jpg" alt="描述文字">

初始化插件

$(function() {
  $("img.lazy").lazyload();
});