幾周前微軟討論了Flickr資源管理器示例,對(duì)比了IE9平臺(tái)預(yù)覽第二版、Chrome、Safari以及Firefox在圖片渲染方面的性能。不久前IE9更新了平臺(tái)預(yù)覽第三版,微軟也在今天提供了又一輪測(cè)試對(duì)比,并引入了Amazon Shelf概念應(yīng)用。
Amazon Shelf和Flickr資源管理器一樣是使用HTML、CSS和JavaScript標(biāo)準(zhǔn)編寫的,并且包括一個(gè)非常關(guān)鍵的HTML5新功能canvas元素,canvas是一種非常強(qiáng)大的功能,能調(diào)用Javascript API直接繪制圖形。
IE9中的canvas是默認(rèn)開啟硬件加速的,當(dāng)IE9用戶瀏覽一個(gè)使用了canvas的網(wǎng)站時(shí),IE會(huì)自動(dòng)調(diào)用PC的所有資源來(lái)提供最佳性能,這是當(dāng)前的瀏覽器無(wú)法實(shí)現(xiàn)的。使用IE9時(shí),Amazon Shelf可以實(shí)現(xiàn)每秒60幀的響應(yīng)速度,堪稱實(shí)時(shí)響應(yīng),而普通的瀏覽器僅能達(dá)到1至8 fps。
下面來(lái)看一下各大瀏覽器的對(duì)比,微軟解釋說(shuō)此次對(duì)比中之所以沒(méi)有添加IE8,是因?yàn)樗⒉恢С謈anvas元素。
首先,來(lái)看一下Chrome 5的表現(xiàn)。Chrome不使用任何GPU資源,每0.99秒刷新一次頁(yè)面,在書架加載動(dòng)畫時(shí)幀速約為1fps,這一成績(jī)十分低。
其次來(lái)看蘋果Safari 5。在動(dòng)畫加載時(shí),Safari沒(méi)有任何渲染動(dòng)作,成績(jī)?yōu)?,同樣也僅占用CPU資源。
Mozilla昨天發(fā)布了Firefox 4 Beta 1,不過(guò)微軟在此次測(cè)試中使用的是Beta 2的預(yù)覽版本,在默認(rèn)配置下Firefox的GPU硬件渲染并未開啟。Firefox每0.25秒刷新一下頁(yè)面,幀速為8fps。
最后來(lái)看IE9平臺(tái)預(yù)覽第三版,從下圖可以看到,IE9調(diào)用了GPU硬件實(shí)現(xiàn)了渲染加速,CPU呈周期性處理數(shù)據(jù),能抽出更多時(shí)間來(lái)處理其它應(yīng)用程序,因此提供了穩(wěn)定、流暢的頁(yè)面渲染,幀速高達(dá)60fps。
(舉報(bào))