使用jQuery插件实现图片延迟加载以及对SEO的影响
最近忙着给自己的博客优化，想把图片的显示改成延迟加载显示，也就是像很多网站那样，当前可视区域的图片加载实现，不可见的区域图片不加载，这 样可以减少网络流量。我找到了Lazy Load 这个用 JavaScript 编写的 jQuery 插件，它可以延迟加载长页面中的图片。在浏览器可视区域外的图片不会被载入，直到用户将页面滚动到它们所在的位置，这与图片预加载的处理方式正好是相反 的。
经过我的一番尝试，这个jQuery LazyLoad图片延迟加载插件已经成功的应用到了我的独立博客（www.vktone.com）上了，下面就来分享一下怎么使用这个jQuery LazyLoad图片延迟加载插件。（官网地址：http://www.appelsiini.net/projects/lazyload）
第一步：下载js脚本，最好放到你网站的js存储目录。
https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js
第二步：在html中引用此js脚本，当然也需要jQuery脚本。放在body结束之前最好。
<
要点：src改成一个占位符图片，比如：img/grey.gif，将原来的src放到data-original属性中。为图片<img/>加个class，方面css控制和js脚本访问。
第四步：调用lazyload插件方法，让延迟加载生效。
</><</noscript>
另外，加入图片延迟加载效果之后，对于图片加载完后处理的脚本执行会产生影响，比如我想在图片加载完之后放缩图片以调整到适合的宽度，脚本可能就不会执行，最后用了一个定时器来执行这样的处理。比如：resizeImageToFitWidth方法用来调整图片大小，所以我每隔半秒就执行一次，因为无法确定什么时候图片会被加载完，而不使用延迟加载效果的就不会有这样的问题。
window.setInterval(resizeImageToFitWidth, 500);
根据别人的经验和我的测试，图片最好指定大小，如果没有height属性可能延迟加载效果不是特别好。
关于SEO（搜索引擎收录图片）的测试结果总结（2012-01-31）
...
?
?
源文【使用jQuery LazyLoad插件实现图片延迟加载】最新版，请访问：?
1 楼 冯程程 前天 我网站也是用这个加载图片,挺喜欢你上面的美女图片的，来加个友情链接三；