几周前微软讨论了flickr资源管理器示例,对比了ie9平台预览第二版、chrome、safari以及firefox在图片渲染方面的性能。不久前 ie9更新了平台预览第三版,微软也在今天提供了又一轮测试对比,并引入了amazon shelf概念应用。
amazon shelf和flickr资源管理器一样是使用html、css和javascript标准编写的,并且包括一个非常关键的html5新功能canvas元素,canvas是一种非常强大的功能,能调用javascript api直接绘制图形。
ie9中的canvas是默认开启硬件加速的,当ie9用户浏览一个使用了canvas的网站时,ie会自动调用pc的所有资源来提供最佳性能,这是当前的浏览器无法实现的。使用ie9时,amazon shelf可以实现每秒60帧的响应速度,堪称实时响应,而普通的浏览器仅能达到1至8 fps。
下面来看一下各大浏览器的对比,微软解释说此次对比中之所以没有添加ie8,是因为它并不支持canvas元素。
首先,来看一下chrome 5的表现。chrome不使用任何gpu资源,每0.99秒刷新一次页面,在书架加载动画时帧速约为1fps,这一成绩十分低。
其次来看苹果safari 5。在动画加载时,safari没有任何渲染动作,成绩为0,同样也仅占用cpu资源。
mozilla昨天发布了firefox 4 beta 1,不过微软在此次测试中使用的是beta 2的预览版本,在默认配置下firefox的gpu硬件渲染并未开启。firefox每0.25秒刷新一下页面,帧速为8fps。
最后来看ie9平台预览第三版,从下图可以看到,ie9调用了gpu硬件实现了渲染加速,cpu呈周期性处理数据,能抽出更多时间来处理其它应用程序,因此提供了稳定、流畅的页面渲染,帧速高达60fps。