幾周前微軟討論了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的所有資源來提供最佳性能,這是當前的瀏覽器無法實現(xiàn)的。使用IE9時,Amazon Shelf可以實現(xiàn)每秒60幀的響應速度,堪稱實時響應,而普通的瀏覽器僅能達到1至8 fps。
下面來看一下各大瀏覽器的對比,微軟解釋說此次對比中之所以沒有添加IE8,是因為它并不支持canvas元素。
首先,來看一下Chrome 5的表現(xiàn)。Chrome不使用任何GPU資源,每0.99秒刷新一次頁面,在書架加載動畫時幀速約為1fps,這一成績十分低。
其次來看蘋果Safari 5。在動畫加載時,Safari沒有任何渲染動作,成績?yōu)?,同樣也僅占用CPU資源。
Mozilla昨天發(fā)布了Firefox 4 Beta 1,不過微軟在此次測試中使用的是Beta 2的預覽版本,在默認配置下Firefox的GPU硬件渲染并未開啟。Firefox每0.25秒刷新一下頁面,幀速為8fps。
最后來看IE9平臺預覽第三版,從下圖可以看到,IE9調用了GPU硬件實現(xiàn)了渲染加速,CPU呈周期性處理數據,能抽出更多時間來處理其它應用程序,因此提供了穩(wěn)定、流暢的頁面渲染,幀速高達60fps。
(舉報)