意外发现--玩“JS实现的页面滚动图片加载”效果

这篇随笔不是批评《JavaScript实现 页面滚动图片加载》的效果实现，作者和园友分享demo实现是大家热力推荐并值得感激的事情。

意外发现： 

　　看完并下载《JavaScript实现 页面滚动图片加载》实现后体验了下，感觉很爽。意外发现是在体验之后很久才感觉出来的。

　　我很喜欢用PC版的Safari浏览器，赶上夜里房间比较安静，可是笔记本的风扇持续比较响，我敏感到CPU是否比较忙，任务管理器显示Safari在忙。通过标签的关闭，多次比较测试后，找到了是页面滚动图片加载效果的demo页造成的。

测试比较:

滚动图片加载效果最不影响CPU的是IE6，其它浏览器里多少都有些忙。以下是贴图分享。

IE6下CPU几乎是0

Chrome下，CPU 3%左右

Firefox下，CPU大约7%左右

Safari下，CPU持续性繁忙达11%

测试中发现，CPU繁忙程度与当前浏览器窗口相关，例如在小窗口下，Safari繁忙程度降低很多，如下图

 

总结：

以上测试过程基本是独立开浏览器，并取完所有图片后无操作时切屏所得。因为浏览器版本差异，测试软硬件环境差异等，以上数据仅作参考。

滚动图片加载效果在不同浏览器下性能表现差异较大。比较有意思的是，原本我猜测IE6以上应该都没问题，结果在IE9下看到，CPU也有1%的忙碌，Safari下的持续繁忙估计是Safari的BUG，呵呵。

总之，滚动图片加载效果实现本身没有问题，但是如果大家采纳为生产使用，可能还需修订较宜。