深入分析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了下来，有兴趣的朋友可以自己测试一下

 点击下载此文件

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: chromechrome ie9ie9
相关日志: