“JS实现的页面滚动图片加载”效果的意外发现
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:admin 阅读 492
首先申明下,这篇随笔不是批评《JavaScript实现页面滚动图片加载》的效果实现,作者和园友分享demo实现是大家热力推荐并值得感激的事情。这就开始吧。。看完并下载《JavaScript实现页面滚

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

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2