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

核心功能

  • 延迟加载：图片滚动到可视区域时再加载，减少初始请求。

  • 占位符支持：使用小尺寸占位图，加载后替换为原图。

  • 事件触发：支持滚动、窗口调整等事件触发加载。

  • 兼容性：兼容现代浏览器及 IE6+。

基础用法

引入资源

1
2
3
4
5
6
7
8
9
10
11

<!--jQuery-->



<!--jquery.lazyload start-->



<!--jquery.lazyload end-->

HTML 结构

1
2
3

![描述文字](path/to/placeholder.jpg)

初始化插件

1
2
3
4
5
6
7

$(function() {

 $("img.lazy").lazyload();

});