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 留言
3ae422c1efaf22233e1c09d0f17aa1e2?size=48&default=wavatar
21.  Firef0x (發表於 2011年4月20日 12:45)
怎麼數字看起來像是Firefox 4開始走下坡了?╮(╯_╰)╭
這一定是一場不公平的比賽
小白
22.  小白 (發表於 2011年4月20日 14:40)
※ 引述《Firef0x》的留言:
> 怎麼數字看起來像是Firefox 4開始走下坡了?╮(╯_╰)╭
> 這一定是一場不公平的比賽


這就要靠我們「火意志的繼承者」來發揚了。 (≧▽≦)
ㄚˇ平
1人給推

25.  ㄚˇ平 (發表於 2011年4月20日 18:03)
咳咳,我也來發表一下結果:
我用有Optimus 技術的筆電,經測試確定必須手動指定內顯或獨顯,不會自動打檔,why?(⊙ˍ⊙)但平常使用就會打檔。
IE9 同小編所言,最優
Chrome 開啟選項,也指定用獨顯,依然用CPU跑!從nVidia的監測軟體看,GPU使用率0%!
Firefox 4.0 普普,但玩網頁遊戲(ex.臉書)不如Chrome就算了,還敗給IE9 囧rz。

以上看一看,笑一笑就好,異常的部分說不定是筆電在作怪,我的建議是請開發團隊先對有益於日常生活的功能(絕對不是只打Game!)進行優化。
PS3有正規版和Slim版耶!瀏覽器未來會不會........?
D級佛托
26.  D級佛托 (發表於 2011年5月02日 00:30)
╮(╯_╰)╭

真是奇怪了,我打開Google Chrome的about:flags,也確定2D、3D、HTML5的選項都有啟用,再跑一次FishIE Tank,怎麼跑都沒有版大你PO的圖裡1000條魚還有5xFPS....

實錄影片:
http://www.youtube.com/watch?v=QtLlEqNumE8

Google Chrome和IE測試網頁同時跑FishIE Tank開啟1000條魚測試影片:
http://www.youtube.com/watch?v=HzE9bTFoE0s

我測完後還真很懷疑Google Chrome真的有那麼強嗎?
發表回應
謹慎發言,尊重彼此。按此展開留言規則