速度大比拚:IE9狂電三大瀏覽器




幾周前微軟討論了Flickr資源管理器示範,對比了IE9平台預覽第二版、ChromeSafari以及Firefox在圖片渲染方面的性能。
 不久前 IE9更新了平台預覽第三版,微軟也在今天提供了又一輪測試對比,並引入了Amazon Shelf概念應用。
 Amazon ShelfFlickr資源管理器一樣是使用HTMLCSSJavaScript標準編寫的,並且包括一個非常關鍵的HTML5新功能canvas元素,canvas是一種非常強大的功能,能呼叫Javascript API直接繪製圖形。
 

IE9中的canvas是預設開啟硬體加速的,當IE9使用者瀏覽一個使用了canvas的網站時,IE會自動呼叫PC的所有資源來提供最佳性能,這是目前的瀏覽器無法實現的。使用IE9時,Amazon Shelf可以實現每秒60格的回應速度,堪稱實時回應,而普通的瀏覽器僅能達到18 fps

下面來看一下各大瀏覽器的對比,微軟解釋說此次對比中之所以沒有增加IE8,是因為它並不支援canvas元素。

首先,來看一下Chrome 5的表現。Chrome不使用任何GPU資源,每0.99秒更新一次頁面,在書架載入動畫時格速約為1fps,這一成績十分低。



其次來看蘋果Safari 5。在動畫載入時,Safari沒有任何渲染動作,成績為0,同樣也僅佔用CPU資源。



Mozilla昨天發佈了Firefox 4 Beta 1,不過微軟在此次測試中使用的是Beta 2的預覽版本,在預設設定下FirefoxGPU硬體渲染並未開啟。Firefox0.25秒更新一下頁面,格速為8fps


最後來看IE9平台預覽第三版,從下圖可以看到,IE9呼叫了GPU硬體實現了渲染加速,CPU呈週期性處理數據,能抽出更多時間來處理其它應用程序,因此提供了穩定、流暢的頁面渲染,格速高達60fps