5大瀏覽器,HTML5、硬體加速大車拼

硬體加速快多少?

除了支援HTML5、CSS3之外,瀏覽器最近也吹起了硬體加速(Hardware acceleration)的風潮,透過顯示卡GPU晶片分擔2D、3D的運算處理,並減輕CPU的負擔。目前各家瀏覽器所使用的API不盡相同、針對不同系統平台也會出現不同的支援狀況,較難以客觀的測試方法評斷,因此僅在Windows 7 32-bit平台上各別測試硬體加速的效果。

5大瀏覽器,HTML5、硬體加速大車拼IE9

  • 硬體加速:有(預設開啟)
  • 使用API:Direct2D、Direct3D、DirectWrite

IE9可說是目前針對硬體加速優化最全面的瀏覽器,使用Windows系統內建的DirectX,優點是不會挑顯示卡,缺點是只支援Windows系統,不過IE9也只支援Windows Vista和Windows 7就是了。使用Direct2D和Direct3D,並配上DirectWrite對文字顯示進行優化,IE9也是目前為一一款針對瀏覽器外框文字進行硬體加速的產品。

5大瀏覽器,HTML5、硬體加速大車拼

▲硬體加速選項位於視窗右上方「工具」圖示,選擇「網際網路選項」。

5大瀏覽器,HTML5、硬體加速大車拼

▲上方頁籤選擇「進階」,加速圖形「使用軟體呈現,而不使用GPU呈現」選項預設關閉,為開啟硬體加速狀態。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

IE Test DriveFishIE Tank測試,一口氣灌滿1000隻金魚,開啟硬體加速依然有60FPS表現,關閉硬體加速則剩下3FPS。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

IE Test DriveGalactic測試,開啟硬體加速為594.84km/s,關閉硬體加速為203.27km/s。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

▲Mozilla的Hardware Acceleration Test測試,開啟硬體加速拿下60+FPS,關閉為50FPS。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

HTML5小遊戲效能測試,開啟硬體加速為2883分、61FPS;關閉硬體加速為1687分、36FPS。

5大瀏覽器,HTML5、硬體加速大車拼Firefox 4

  • 硬體加速:有(預設開啟)
  • 內容加速API:Direct2D(Windows 7)、Quartz(Mac OS X)、 XRender(Linux平台)
  • 構成加速API:Direct3D(Windows平台)、OpenGL(Linux平台、Mac OS X)

Firefox 4同樣支援硬體加速功能,為了達成多種系統平台的硬體加速功能,還用上相當多的API,在Windows平台使用了Direct2D(限Windows 7)和Direct3D,Mac OS X和Linux平台則是使用OpenGL,搭配Quartz(Mac OS X)和XRender(Linux平台)達成硬體加速效果。

5大瀏覽器,HTML5、硬體加速大車拼

▲打開「選項」→「選項」。

5大瀏覽器,HTML5、硬體加速大車拼

▲在「進階」選項中,「可用時開啟硬體加速」預設為勾選,顯示已啟動硬體加速。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

FishIE Tank測試,開啟硬體加速也有59FPS,關閉硬體加速為3FPS。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

Galactic測試開啟硬體加速為228.93km/s,關閉時為140.19km/s。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

Hardware Acceleration Test測試,這數據絕對不是放反,開啟硬體加速時只有測到23FPS,關閉硬體加速卻得到60+FPS的成績。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

HTML5小遊戲效能測試,開啟硬體加速為1346分、29FPS,關閉為850分、18FPS。

5大瀏覽器,HTML5、硬體加速大車拼Chrome 10

  • 硬體加速:有(預設關閉)
  • 使用API:OpenGL

Chrome 7時期的Dev和Canary Build版本,已經可透過Google瀏覽器研究室自行安裝硬體加速功能,到Chrome 9穩定版則正式支援硬體加速功能,不過到Chrome 10為止預設都為關閉狀態,需進入「about:flags」中開啟「GPU加速合成」和「GPU 2D畫布加速」選項。Chrome全程使用OpenGL作為硬體加速的API。

5大瀏覽器,HTML5、硬體加速大車拼

▲在網址列鍵入「about:flags」。

5大瀏覽器,HTML5、硬體加速大車拼

▲找到「GPU加速合成」「GPU 2D畫布加速」,預設是停用狀態(圖片已經點選啟用)。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

FishIE Tank測試開啟硬體加速為53FPS,關閉為4FPS。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

Galactic測試開啟硬體加速拿下534.36km/s,關閉時為177.51km/s。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

Hardware Acceleration Test測試,開啟硬體加速為57FPS,關閉為27FPS。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

HTML5小遊戲效能測試,開啟硬體加速為3360分、70FPS;關閉為2727分、57FPS。

5大瀏覽器,HTML5、硬體加速大車拼Opera 11

  • 硬體加速:無(Opera 11.50提供硬體加速)
  • 使用API:OpenGL

目前Opera 11.10正式版尚未加入硬體加速功能,不過早在2月公佈的Opera 11.50實驗室版本中,就已內建硬體加速功能,因此我們由Opera 11.50和Opera 11.10比對硬體加速的差異。Opera全程使用OpenGL作為硬體加速API,並宣稱可提供給Windows、Mac OS X、Linux三大平台使用。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

▲左為Opera 11.50、右為Opera 11.10,FishIE Tank測試有硬體加速成績為57FPS,無硬體加速為3FPS。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

Hardware Acceleration Test測試,有硬體加速為60FPS,無硬體加速為30FPS。

5大瀏覽器,HTML5、硬體加速大車拼5大瀏覽器,HTML5、硬體加速大車拼

HTML5小遊戲效能測試也出現奇怪的成績,有硬體加速為760分、16FPS,無硬體加速為2077分、44FPS。

5大瀏覽器,HTML5、硬體加速大車拼Safari 5

  • 硬體加速:有

硬體加速並非Safari 5拿來叫賣的賣點,不過Safari 5已經低調幫Mac平台和Windows平台加上硬體加速功能。瀏覽器沒有啟動和關閉的選項,只能藉由比對舊版本的瀏覽器比對,透過喜好設定中開啟開發人員選單,啟動使用者代理程式勾舊的瀏覽器版本。

5大瀏覽器,HTML5、硬體加速大車拼

▲如果要叫出以前版本,在選項選擇「喜好設定」。

5大瀏覽器,HTML5、硬體加速大車拼

▲在「進階」中勾選「在選單列顯示開發人員選單」。

5大瀏覽器,HTML5、硬體加速大車拼

▲在選單列的「開發人員」選擇「使用者代理程式」,可切換成不同的瀏覽器版本。

5大瀏覽器,HTML5、硬體加速大車拼

FishIE Tank測試圖有誤,因為整個網頁當掉了,成績應為0FPS。

5大瀏覽器,HTML5、硬體加速大車拼

Galactic測試開啟硬體加速拿下25.66km/s。

5大瀏覽器,HTML5、硬體加速大車拼

Hardware Acceleration Test測試為6FPS。

5大瀏覽器,HTML5、硬體加速大車拼

HTML5小遊戲效能測試為1372分,29FPS。

<後面還有瀏覽器市占率、歷史回顧>

氣象部落客勞倫斯
作者

有一個都市傳說,只要勞倫斯猴買了新東西,就會下雨。

使用 Facebook 留言

100001844651944
3人給推

1.  100001844651944 (發表於 2011年4月19日 15:28)
Microsoft Internet Explorer 9

(X)使用限制:無(Freeware)
(O)使用限制:Windows 7, Vista 限定 ╯-__-)╯ ╩╩
路過的苦主
3.  路過的苦主 (發表於 2011年4月19日 16:13)
家裡長輩用的兩台XP小筆電也仍然還在使用IE6.0...
原因:公司財產、未經MIS同意不能自己更新
小白
1人給推

7.  小白 (發表於 2011年4月19日 18:14)
Firefox 是我心目中的強者,<( ̄︶ ̄)>已經習慣用火狐了,再

也離不開它了。(≧▽≦)
氣象部落客勞倫斯
10.  氣象部落客勞倫斯 (發表於 2011年4月19日 18:58)
※ 引述《fb:100000115970968》的留言:
> 我電腦上的Firefox 4 的Hardware Acceleration Test測試卻很正常(⊙ˍ⊙)

這可能是使用不同測試平台的關係
筆者後來用自己的工作機測試
開啟硬體加速成績比關閉硬體加速差一點點 但相當接近
Roger
11.  Roger (發表於 2011年4月19日 19:03)
※ 引述《路過的苦主》的留言:
> 家裡長輩用的兩台XP小筆電也仍然還在使用IE6.0...
> 原因:公司財產、未經MIS同意不能自己更新
可以用免安裝Chrome
http://portableapps.com/這裡可以下載免安裝
Ffe597842f915bc0aab0f07c0b647e93?size=48&default=wavatar
12.  邱睪 (發表於 2011年4月19日 19:26)
火狐跑Hardware Acceleration Test
似乎有點毛病
我開啟硬體加速會有兩種結果
60+或是9
跑了好幾次都這樣
似乎開關硬體加速功能就要要重新啟動的樣子(待確認)
氣象部落客勞倫斯
13.  氣象部落客勞倫斯 (發表於 2011年4月19日 19:35)
※ 引述《邱睪》的留言:
> 火狐跑Hardware Acceleration Test
> 似乎有點毛病
> 我開啟硬體加速會有兩種結果
> 60+或是9
> 跑了好幾次都這樣
> 似乎開關硬體加速功能就要要重新啟動的樣子(待確認)

啟動或關閉硬體加速都要重新啟動瀏覽器才會套用設定
2c81f1c7eedfe31a9aebca11b7763ea0?size=48&default=wavatar
1人給推

14.  毛 (發表於 2011年4月19日 20:53)
文中有二個嚴重錯誤

1. IE 不是免費軟體,它是一個附屬在 Windows 系列系統的應用程式。

2. Safari 一直都有硬體加速的設計,你沒有測試到不代表它就沒有硬體加速。

總之,寫文章,要確實確認後再發表

這是身為一個小編的責任喔
1c1dc2fefdb075b73992b5c4c30ad8ab?size=48&default=wavatar
2人給推

16.  penmar (發表於 2011年4月19日 21:17)
※ 引述《毛》的留言:
> 文中有二個嚴重錯誤
>
> 1. IE 不是免費軟體,它是一個附屬在 Windows 系列系統的應用程式。

如果你的意思是只指他是附屬於 Windows 的附屬應用程式的話,那是錯的,
他並不是附屬在 Windows 系列系統裡的應用程式。
你可以在 Windows 系列的 CD 裡面找到 IE 9 我讓你打。
且~
IE 9 是免費軟體,因為他不用錢,
所以符合 Freeware 的定義。

> 2. Safari 一直都有硬體加速的設計,你沒有測試到不代表它就沒有硬體加速。
>
> 總之,寫文章,要確實確認後再發表
>
> 這是身為一個小編的責任喔

至於 Safari 小弟沒有研究,也許你是對的 : )
不過要指正他人前做點功課,
也是身為一個優良網友的責任喔。 <( ̄︶ ̄)>
氣象部落客勞倫斯
17.  氣象部落客勞倫斯 (發表於 2011年4月19日 21:45)
※ 引述《毛》的留言:
> 2. Safari 一直都有硬體加速的設計,你沒有測試到不代表它就沒有硬體加速。

筆者在查證上不夠嚴謹
在此致歉
小烏賊
19.  小烏賊 (發表於 2011年4月20日 08:44)
感謝分享~而且我多學了一樣東西
about:flags
回家去把chrome硬體加速器打開<( ̄︶ ̄)>

發表回應

謹慎發言,尊重彼此。按此展開留言規則