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

氣象部落客勞倫斯

最近瀏覽器市場相當熱鬧,從IE9、Firefox 4.0正式版投入戰局,到小改版號的Opera 11.10「梭魚」、Safari 5.0.5、以及永遠記不住版號的Chrome,競爭只有比以往更加激烈。T客邦也對各家瀏覽器好好進行測試,看誰的引擎速度較快、硬體加速效果又是如何。

2011年瀏覽器最新版本報到

Microsoft Internet Explorer 9

Mozilla Firefox 4

Google Chrome 10

Apple Safari 5

Opera 11

性能測試

既然各家瀏覽器都大改版、小改版更新了一輪,我們也免不了進行一番性能測試。我們以PeacekeeperSunSpider 0.9.1測試瀏覽器效能,以及Acid3HTML5TEST觀察瀏覽器的標準相容性測試。

(測試環境:Intel Core i5-2500K、1GB RAM、NVIDIA GeForce GTX 480 SLI、Windows 7 32-bit)

Peacekeeper效能測試成績:(以成績由高而低排序)

▲Chrome繼續微幅領先Opera,稱霸Peacekeeper測試。

Peacekeeper網站是測試Rendering、Social Network、Complex graphics、Data、DOM operations、Text parsing共6大類別、加總計算成績,並會隨平台效能影響成績;為了一吐以往測試機效能貧弱的笑話,這次好不容易弄到一台應該算是不差的測試平台。在Intel Core i5-2500K、1GB RAM、NVIDIA GeForce GTX 480 SLI、Windows 7 32-bit測試環境下,依然是由Chrome 10(測試時版號為10.0.648.205)取得最佳成績,而Opra 11.10則緊追在後,以非常小的差距拿下亞軍。新推出的IE9取得第三名,Safari 5.0.5為第四,同樣是新推出的Firefox 4.0分數則是墊底。

SunSpider 0.9.1測試成績:(以成績由高而低排序)

▲IE9正式版依舊在SunSpider測試中稱王。

SunSpider是用來測試JavaScript效能,同樣會隨平台效能影響成績。在本測試中,IE9延續Beta、RC版本的氣勢,在正式版持續拿下最短時間寶座,雖然每次都不免讓人回想起Mozilla工程師跳出來說IE9偷吃步的故事。Chrome 10和Firefox 4已相當接近成績分居二、三名,Opera 11.10和Safari 5.0.5殿後。不過老實說,現在5大瀏覽器,速度差距已經細微到超越人體感官的程度了。

Acid3測試成績:(以成績由高而低排序)

▲IE9和Firefox 4.0是唯二沒拿下Acid3測試滿分的瀏覽器。

Chrome和Safari所使用的WebKit排版引擎、以及Opera從10.50使用的Presto 2.8排版引擎,毫無意外繼續獲得滿分表現;Firefox使用的Gecko排版引擎,以及IE的Trident排版引擎,則並未取得滿分分數。

HTML5TEST測試成績:(測試日期2011/4/15,以成績由高而低排序)

HTML5TEST測試還是由Chrome持續領先。

HTML5TEST測試也是一翻兩瞪眼,純粹看排版引擎的支援程度。Chrome 10繼續領先群雄,Opera 11.1和Firefox 4緊追在後;Safari 5的分數看來有一陣子沒上升了,而弄了IE Test Drive用來自我感覺良好的IE9卻是墊底,只拿130分。

<後面還有硬體加速實測>

硬體加速快多少?

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

IE9

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

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

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

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

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

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

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

Firefox 4

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

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

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

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

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

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

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

Chrome 10

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

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

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

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

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

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

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

Opera 11

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

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

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

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

Safari 5

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

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

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

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

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

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

Hardware Acceleration Test測試為6FPS。

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

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

2011 Q1瀏覽器市占率

由於各家瀏覽器新版本才剛推出,知名市調公司Net ApplicationsStatCounter GlobalStats在2011年3月統計中,都尚未統計到新版瀏覽器的市占率,不過我們還是可藉此觀察目前瀏覽器的市占率。

▲2011年3月瀏覽器市占率。(圖片來源:Net Applications

▲2011年3月瀏覽器版本市占率。(圖片來源:Net Applications

▲2011年3月瀏覽器市占率。(圖片來源:StatCounter GlobalStats

▲2011年3月瀏覽器版本市占率。(圖片來源:StatCounter GlobalStats

回顧瀏覽器的血淚史......

最後讓我們來緬懷一下瀏覽器的歷史,其實是前陣子一張TechKing製作的瀏覽器歷史圖,讓筆者有幾分感觸。瀏覽器廝殺始於20世紀90年代,雖然網際網路早在20世紀60年代就已經發明,不過早期是用於軍事用途和學術研究,僅制定IP(Internet Protocol)通訊協定;陸續在80年代開始出現學術網路、提出TCP/IP通訊協定、90年代提出全球資訊網(World Wide Web),直到1994年網景通訊公司推出全世界第一個瀏覽器Netscape,隔年Opera和IE也相繼誕生後,逐漸開啟了普羅大眾上網的風氣,以及之後瀏覽器的爭奪戰。

接下來的故事大家就比較清楚了,大概就是Netscape贏在起跑點上、IE隨著Windows系統逐漸茁壯、Netscape逐漸萎縮,Firefox崛起成為反IE新勢力、Google推出Chrome成為近期的新黑馬、以及自始自終擁有一小群守護者的Safari和Opera......。

▲瀏覽器的歷史、市占率消長。(圖片來源:TechKing

凃皓元

chrome我太愛你了!!!!!!!!!!!
<( ̄︶ ̄)>

小白

用來用去,Firefox還是我的最愛啦,我已經變成擁抱火狐的「火意志繼承者」了。 <( ̄︶ ̄)>

飽食終日,無所事事,關心電腦大小事。

極限教條

不小心注意到「測試環境」的配備
這配備的規格實在很詭異到讓人很難不注意到啊.....

不管公雞過馬路的動機是什麼,重要的是他過了馬路,目的能顯示手段的正確 - 馬基維利

原文網址:https://t17.techbang.com/topics/1669-5-major-browsers-html5-fight-hardware-acceleration-cart?page=1