Jquery Lazyload插件是一款使用方便的圖片懶加載工具，它可以實現圖片在滾動到可見區域時再加載，使得頁面加載速度得到優化。

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

在使用該插件之前，需要先引入jquery和lazyload兩個文件。

<script src="jquery.min.js"></script>
<script src="jquery.lazyload.js"></script>

該插件的核心代碼如下：

(function(a) {
var b = a(window);
a.fn.lazyload = function(c) {
function h() {...}
var d = {threshold: 0, failure_limit: 0, event: "scroll", effect: "show", container: window, data_attribute: "original", skip_invisible: !0, appear: null, load: null, vertical_only: !1, check_appear_throttle_time: 300, url_rewriter_fn: null, no_fake_img_loader: !1},
e = arguments.length ? a.extend(d, c) : d,
f = this,
g, i, j, k;
return f.each(function() {...});
};
})(jQuery);

通過閱讀源碼，我們可以看出lazyload插件的主要功能是篩選出具有"lazy"類名的img標簽，再通過是否在可視區內判斷是否需要加載圖片。

我們只需要在需要進行圖片懶加載的地方加上"lazy"類名，并在js中調用該插件即可。