最近瀏覽器市場相當熱鬧,從IE9、Firefox 4.0正式版投入戰局,到小改版號的Opera 11.10「梭魚」、Safari 5.0.5、以及永遠記不住版號的Chrome,競爭只有比以往更加激烈。T客邦也對各家瀏覽器好好進行測試,看誰的引擎速度較快、硬體加速效果又是如何。
2011年瀏覽器最新版本報到
Microsoft Internet Explorer 9
- 最新版本:Internet Explorer 9
- 官方網站:http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home
- 下載網址:點此下載
- 檔案大小:17.8MB(安裝檔)
- 更新日期:2011年3月15日
- 使用限制:無(Freeware)
Mozilla Firefox 4
- 最新版本:Firefox 4.0
- 官方網站:http://www.mozilla.com/zh-TW/firefox/
- 下載網址:點此下載
- 檔案大小:12.0MB(安裝檔)
- 更新日期:2011年3月23日
- 使用限制:無(Freeware)
Google Chrome 10
- 最新版本:Chrome 10.0.648.205
- 官方網站:http://www.google.com/chrome/?hl=zh-TW
- 下載網址:點此下載
- 檔案大小:22.1MB(安裝檔)
- 更新日期:2011年4月15日
- 使用限制:無(Freeware)
Apple Safari 5
- 最新版本:Safari 5.0.5
- 官方網站:http://www.apple.com/tw/safari/download/
- 下載網址:點此下載
- 更新日期:2011年4月14日
- 使用限制:無(Freeware)
Opera 11
- 最新版本:Opera 11.10
- 官方網站:http://www.opera.com/
- 下載網址:點此下載
- 更新日期:2011年4月12日
- 使用限制:無(Freeware)
性能測試
既然各家瀏覽器都大改版、小改版更新了一輪,我們也免不了進行一番性能測試。我們以Peacekeeper、SunSpider 0.9.1測試瀏覽器效能,以及Acid3、HTML5TEST觀察瀏覽器的標準相容性測試。
(測試環境:Intel Core i5-2500K、1GB RAM、NVIDIA GeForce GTX 480 SLI、Windows 7 32-bit)
Peacekeeper效能測試成績:(以成績由高而低排序)
- Chrome 10.0.648.205:12855
- Opera 11.10:12654
- IE9:8282
- Safari 5.0.5:6398
- Firefox 4.0:6174
▲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:146.4ms +/- 0.8%
- Chrome 10.0.648.205:181.6ms +/- 2.3%
- Firefox 4.0:186.4ms +/- 4.5%
- Opera 11.10: 194.2ms +/- 2.6%
- Safari 5.0.5:237.0ms +/- 1.0%
▲IE9正式版依舊在SunSpider測試中稱王。
SunSpider是用來測試JavaScript效能,同樣會隨平台效能影響成績。在本測試中,IE9延續Beta、RC版本的氣勢,在正式版持續拿下最短時間寶座,雖然每次都不免讓人回想起Mozilla工程師跳出來說IE9偷吃步的故事。Chrome 10和Firefox 4已相當接近成績分居二、三名,Opera 11.10和Safari 5.0.5殿後。不過老實說,現在5大瀏覽器,速度差距已經細微到超越人體感官的程度了。
Acid3測試成績:(以成績由高而低排序)
- Chrome 10.0.648.205:100/100
- Opera 11.10:100/100
- Safari 5.0.5:100/100
- Firefox 4.0:97/100
- IE9:95/100
▲IE9和Firefox 4.0是唯二沒拿下Acid3測試滿分的瀏覽器。
Chrome和Safari所使用的WebKit排版引擎、以及Opera從10.50使用的Presto 2.8排版引擎,毫無意外繼續獲得滿分表現;Firefox使用的Gecko排版引擎,以及IE的Trident排版引擎,則並未取得滿分分數。
HTML5TEST測試成績:(測試日期2011/4/15,以成績由高而低排序)
- Chrome 10.0.648.205:288/400
- Opera 11.10:258/400
- Firefox 4.0:255/400(2011/4/19測試分數已調降為240分)
- Safari 5.0.5:228/400
- IE9:130/400
▲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
- 硬體加速:有(預設開啟)
- 使用API:Direct2D、Direct3D、DirectWrite
IE9可說是目前針對硬體加速優化最全面的瀏覽器,使用Windows系統內建的DirectX,優點是不會挑顯示卡,缺點是只支援Windows系統,不過IE9也只支援Windows Vista和Windows 7就是了。使用Direct2D和Direct3D,並配上DirectWrite對文字顯示進行優化,IE9也是目前為一一款針對瀏覽器外框文字進行硬體加速的產品。
▲硬體加速選項位於視窗右上方「工具」圖示,選擇「網際網路選項」。
▲上方頁籤選擇「進階」,加速圖形「使用軟體呈現,而不使用GPU呈現」選項預設關閉,為開啟硬體加速狀態。
▲IE Test Drive的FishIE Tank測試,一口氣灌滿1000隻金魚,開啟硬體加速依然有60FPS表現,關閉硬體加速則剩下3FPS。
▲IE Test Drive的Galactic測試,開啟硬體加速為594.84km/s,關閉硬體加速為203.27km/s。
▲Mozilla的Hardware Acceleration Test測試,開啟硬體加速拿下60+FPS,關閉為50FPS。
▲HTML5小遊戲效能測試,開啟硬體加速為2883分、61FPS;關閉硬體加速為1687分、36FPS。
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平台)達成硬體加速效果。
▲打開「選項」→「選項」。
▲在「進階」選項中,「可用時開啟硬體加速」預設為勾選,顯示已啟動硬體加速。
▲FishIE Tank測試,開啟硬體加速也有59FPS,關閉硬體加速為3FPS。
▲Galactic測試開啟硬體加速為228.93km/s,關閉時為140.19km/s。
▲Hardware Acceleration Test測試,這數據絕對不是放反,開啟硬體加速時只有測到23FPS,關閉硬體加速卻得到60+FPS的成績。
▲HTML5小遊戲效能測試,開啟硬體加速為1346分、29FPS,關閉為850分、18FPS。
Chrome 10
- 硬體加速:有(預設關閉)
- 使用API:OpenGL
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.50提供硬體加速)
- 使用API:OpenGL
目前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 Applications和StatCounter 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)