深入分析IE9的图片性能测试实例

 微软发布了IE9的技术预览版,也放出了不少测试的实例,整体来看给大家带来一支镇定剂。不过舜子这里对其中一个演示案例很感兴趣。

 

我们先来看看这个实例:点击打开

 

最让我好奇的是chrome在这个实例中几乎是所有浏览器中最慢的,令人大跌眼镜。

 

深入分析了这个实例的实现,里面包含其实两部分功能会影响性能,动画的JS算法图片的渲染

测试单纯的动画的算法,把所有图片都block掉。测试得出的结果是,chrome处理256张图片,平均44FPS。而其他浏览器IE7(应为没装IE9,暂时用IE7测试一下),firefox3.6,opera 10.50平均20~22 左右。这说明chrome在纯算法上都是非常有优势的。

 

这里动画的JS算法并不是最主要的问题了,最大的问题看来是来自对图片的渲染上。仔细看了每一张图片,每张图片都是以一个540x540包括alpha透明的浏览器logo。 看来chrome在渲染大尺寸PNG的时候吃了很大的亏。期待下一个版本的chrome能修复对PNG处理的问题,毕竟这个也是主流的图片格式。

 

 

(微软故意挑战chrome的PNG图片)

这里舜子还没有针对IE9进行完整的测试。不过在同事的电脑上测试这个实例时,无疑IE9在渲染上是目前所有浏览器中最快的。而且还有D2D对图片渲染图片在放大和缩小都有抗锯齿表现。

 

我把这个测试实例down了下来,有兴趣的朋友可以自己测试一下

 点击下载此文件



[本日志由 puterjam 于 2010-04-06 10:54 AM 编辑]
上一篇: IE8 如何判断文档模型
下一篇: PJHome新风格上线
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: chrome ie9
相关日志:
评论: 15 | 引用: 0 | 查看次数: -
帝王阁[2010-08-31 05:33 PM | | | 120.42.37.94 | del | 回复回复]
IE的程序是越做越华丽,也越来越大了,老电脑吃紧啊
http:www.diwangge.com
柳絮轻飞[2010-05-08 02:28 PM | | | 123.233.223.123 | del | 回复回复]
新皮肤确实不错啊,还有就是ie9不能用在xp、2003上,遗憾啊,柳絮轻飞博客www.pc502.com。
太极拳[2010-04-11 07:26 AM | | | 113.66.51.247 | del | 回复回复]
的确很值得期待,连太极拳www.taijiq.cn也非常希望IE9的出现
dh20156[2010-04-07 12:03 AM | | | 124.160.32.226 | del | 回复回复]
果然,被MS抓了个现行
双木杉子[2010-04-06 10:24 AM | | | 120.3.72.174 | del | 回复回复]
昨天看着错位 今天好了
恭喜换肤成功
回复来自 puterjam 的评论 puterjam 于 2010-04-06 11:03 AM 回复
还有一些小问题,还在调整 :P
641402900[2010-04-05 11:19 AM | | | 222.133.157.92 | del | 回复回复]
ding
翔子[2010-04-02 03:03 PM | | | 222.90.192.130 | del | 回复回复]
blog.ucgm8.com  翔子来访 ~  以后还要跟前辈多多学习 希望pj4早日登场!
mc[2010-03-30 12:32 AM | | | 219.128.237.163 | del | 回复回复]
不错!~
回复来自 puterjam 的评论 puterjam 于 2010-04-05 04:05 AM 回复
test
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱:
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 500 字 | UBB代码 开启 | [img]标签 关闭