5大瀏覽器，HTML5、硬體加速大車拼
最近瀏覽器市場相當熱鬧，從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）
chrome我太愛你了!!!!!!!!!!!
<(￣︶￣)>