。。等等，首先申明下，这篇随笔不是批评《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，呵呵。。总之，滚动图片加载效果实现本身没有问题，但是如果大家采纳为生产使用，可能还需修订较宜。

作者: RayOctopus 发表于 2011-07-25 07:22 原文链接