图片异步加载，就是不必一次性把页面的所有图片都加载显示出来，等用户滑动滚动条到某个位置时才会加载显示相应位置的图片，这样能很好地提升网页加载速度，进一步提升用户体验。

我们用 jquery.lazyload.js 来实现图片异步延迟加载，记得要先载入 jQuery 才行。

2、在页面中插入 Javascript 代码：

$(document).ready(function($){
$("img").lazyload({
placeholder:"grey.gif", //加载图片前的占位图片
effect:"fadeIn" //加载图片使用的效果(淡入)
});
});

本文所涉及的 jquery.lazyload.js 文件和 grey.gif 图片，袁程旭已打包上传，需要的朋友们可直接点击下方链接下载。鉴于 jquery.js 这个文件几乎每个网站都有引用，所以没有包含在下载文件中。