jquery lazy loading

最近玩了一下jquery,主要是在做的一个小工具要在一个web page里显示一个表格，表格每一行有一个图片，大约有几万行，所以问题是一下子load下来吃不消了。对于前端我是门外汉，网上搜了一下，发现有个lazy load的插件，jquery写的。

这个是官方网站：

http://www.appelsiini.net/projects/lazyload

但是因为这玩意很早写的，后来浏览器发展太快了吧所以现在的浏览器上这个插件有问题了，作者在网站上也说了。于是就有某人去改了一些：

这个是某人改进的：

http://www.popo4j.com/qianduan/transformation_jquery_lazyload_plug.html

但是还有某些人说这些改进都不work,具体见某人详细地分析：（分析问题很透彻啊！）

jQuery插件Lazy Load Plugin的效果讨论

我同意上面博客的讨论结果，就是那个插件不正确，在此我同意他的观点：

 

对于延迟加载图片这种web优化方案，我认为一般是在输出html页面之前就在服务器端处理好img标签（干掉src属性，将src值转存到自定义属性中），在页面端只是用js来触发延迟加载。

 好吧，由于我真得不太懂javascript，我就基于原作的code基础上改进了一下，另外主要使用了一下二分查找把哪些图片在viewport里找出来，算是效果有了很大提高。现在2w图片的时候滚动页面的时候，图片的加载还是很自然的。

再说一遍，由于我不是javascript门外汉，所以不贴code了，真有谁需要发信给我。