兼顧性能和體驗 HTML5時代瀏覽器測試

    泡泡網軟件頻道11月20日 導言：自1981年IBM推出第一臺PC以來，桌面電腦以及隨后不斷涌現的筆記本、平板以及智能手機等設備越來越普及，而近20年來互聯網的出現和高速發展，則讓瀏覽器成為這些設備上使用率最高的應用程序之一。

    蒂姆·伯納斯-李（Tim Berners-Lee）作為首位使用超文本來分享資訊的人，于1990年在歐洲粒子物理實驗室里開發出首個網頁瀏覽器WorldWideWeb。1991年3月，蒂姆·伯納斯-李將這項發明介紹給了給他在CERN工作的朋友。從那時起，瀏覽器就和互聯網的發展綁定在了一起。隨著網頁語言、硬件性能的進步，瀏覽器所承擔的角色越來越從簡單的工具向平臺化轉變。

    無論桌面還是移動設備，瀏覽器越來越成為用戶和數字信息之間的橋梁。盡管也有不少開發者為用戶提供更為垂直和單一化的應用程序作為信息獲取入口，但是作為生產力和信息獲取的綜合性工具，瀏覽器的普及程度、兼容性、便利性以及內容的覆蓋范圍，均超出其他垂直應用。

    目前，主流的瀏覽器主要有基于Trident引擎的IE、基于Gecko引擎的FireFox、基于Webkit引擎的Chrome和Safari，以及基于Presto引擎的Opera幾個大類，而其它瀏覽器多為基于這幾大引擎內核開發。面向眾多瀏覽器，消費者如何選擇？而評判一款瀏覽器優缺點的標準又是什么？

    從大多數瀏覽器的宣傳語可以看出，瀏覽器的網頁響應速度成為大眾用戶的主要評判標準之一，這也是對瀏覽器性能最通俗的概括。作為數據內容和用戶之間交互的媒介，瀏覽器通過指定的協議將服務器端特定格式的數據展現給用戶端，主要包括HTML頁面文檔、頁面程序、圖片/視頻等多媒體內容等。能否順應網頁標準的變革，正確高效的支持最新的HTML5技術和CSS3效果，也成為衡量瀏覽器優劣與否的重要指標。

    目前通用的瀏覽器性能測試工具和方法不少，包括蘋果推出的Sunspider、谷歌推出的V8、Mozilla推出的Kraken，以及第三方開發的Asteroids HTML5、GUIMark2 HTML5、GUIMark2 Flash和多啦A夢CSS 3等。通過這些測試工具和方法，不僅僅能夠測試不同瀏覽器的性能差異，也得以將瀏覽器對HTML5等全新網頁標準的兼容性進行對比，體現瀏覽器的綜合體驗表現。

    測試環境：

    硬件：
    CPU： Intel i7 930
    內存： DDR3 2000MHz 8GB
    主硬盤： Inter SSD 320S 80GB
    顯卡： ATI HD5830 1GB
    顯示器分辨率： 1860x1050

    JavaScript測試組

    JavaScript是一種能讓網頁更加生動活潑的編程語言，開發者可以利用JavaScript十分容易的做出親切的歡迎訊息、漂亮的數字鐘、有廣告效果的跑馬燈及簡易的投票等多種網頁功能和特效，豐富網頁的用戶體驗。

    Sunspider是蘋果開發的一個JavaScript基準測試，這個測試僅使用JavaScript 為核心，不加雜其他諸如DOM或其他瀏覽器API，用于比較不同瀏覽器對基準JavaScript的加載時間。在這個測試中，加載時間越短的瀏覽器越優秀。

    在SunSpider JavaScript Benchmark測試中，Internet Explorer 10的加載速度最快，其次為Firefox 16、Chrome 24、Internet Explorer 9、Safari 5.3。

    Google V8是一款JavaScript腳本引擎，屬于Chrome的一部分。和其他腳本語言如PHP、Python等一樣，JavaScript也可以內嵌于瀏覽器程序，與編譯性語言如C、C++等交互，通過在瀏覽器程序中引入腳本解析器，可以使得運行效率更高。在Google V8測試中，總得分越高的瀏覽器越優秀。

    在該測試中，整合Google V8腳本引擎的Chrome 24分數最高，其次依次為Firefox 16、Internet Explorer 10、Safari 5.3、Internet Explorer 9。此結果代表各個瀏覽器對于Google的JavaScript引擎的支持效率及加載速度。

    Kraken是Mozilla發布的JavaScript效率基準測試，Mozilla自家的Firefox瀏覽器針對Kraken進行了一定程度的優化，該測試分數越低越好。

    在Kraken JavaScript Benchmark測試中，Chrome 24、Firefox 16領先，Internet Explorer 10其次，Safari 5.3與Internet Explorer 9則落后。

    HTML5測試組

    Asteroids HTML5具體測試瀏覽器使用HTML5編碼的2DCanvas渲染性能、DrawImage 縮放、漸變透明度、構成、陰影的渲染，以及文字顯示加載速度等性能。這個測試體現HTML5網頁游戲的性能，由中立機構開發，實用性和權威性相對較高。在這個測試中，最后總分越高，以及幀數越高的瀏覽器越優秀。

Asteroids測試得分

Asteroids測試幀數

    在Asteroids HTML5測試中，IE10及IE9的分數、幀數排名最為靠前，Firefox 16與Chrome 24稍稍落后， Safari 5.3分數性能較低。

    GUIMark HTML5和Flash基準測試的目的，是通過模擬一個流動的股票趨勢圖表，測量瀏覽器相關API及大量使用筆畫效果等復雜的透明度填充，用于檢測瀏覽器對于不同形式網頁（HTML5和Flash）的性能，由中立機構開發，測試結果幀數越高的瀏覽器越優秀。

GUIMark HTML5

GUIMark Flash

    對于傳統Flash網頁，各個瀏覽器都能以較高的幀數呈現，其中Firefox 16的幀數相對較低，Safari5.3和IE10則達到近60幀。對于HTML5頁面的表現各瀏覽器則有較明顯差異，IE10性能較好，其次是Chrome 24與IE9類似，Firefox 16性能相對較差。

    繪制多啦A夢，屬于CSS3兼容性能最常見的一種測試。主要用來測試瀏覽器對CSS3規范的支持情況。在該項測試中，將不同瀏覽器的特效錯誤數據進行統計，錯誤越少則兼容性越好。

    在該項測試中，IE 10、Chrome 24和Safari 5.3對使用CSS3規范支持完全正常，IE 9和Firefox 16存在部分兼容性錯誤。

    測試總結

    從硬件加速來看，所有涉及播放幀數的測試中IE10、Chrome 24和IE 9都表現出較高水平，尤其是IE 10全部保證在了25幀以上（人眼流暢體驗的最低幀率）。而從對JavaScript的加載速度上看，IE 10、Chrome 24和Firefox 16性能較好。從綜合的JavaScript、CSS渲染加速、DOM渲染的測試來看，IE10和Chrome 24性能較高。 而在考察CSS3兼容性的多啦A夢測試中，IE10、Chrome 24和Safari 5.3表現出色。綜合上述測試結果，IE10在性能和兼容性方面的全面能力不容忽視。

    而在性能和兼容性之外，瀏覽器的用戶體驗還包括版本迭代支持。目前瀏覽器主要分為“保證舊版兼容”和“加速版本迭代”兩個主要陣營，其中Firefox和Chrome傾向于頻繁更替版本，版本迭代周期平均為6周，用戶需要不斷更新瀏覽器來適應新的使用環境并獲取最新的功能體驗。而IE和Safari則屬于長期兼容舊版的風格，通過這種方式來保證用戶體驗的穩定性和一致性。微軟IE集團副總裁Dean Hachamovitch曾表示：“在IE10發布后，微軟將會提供10年的支持周期，就像Windows一樣。同時，微軟也會發布技術預覽版，開發人員和技術愛好者可以嘗試新的技術并提供反饋，這種方法讓IE技術團隊能夠在任何消費者受到威脅之前，解決安全性問題。”

    而對于全新HTML5標準的支持，微軟除了在IE 10中添加原生的HTML 5標準架構外，還聯合知名游戲開發商推出HTML5網頁游戲，如《切繩子》（Cut the Rope：http://www.cuttherope.ie），《黑暗旅行》（Contre Jour：http://www.contrejour.ie）等，來為用戶提供更加優質的HTML5豐富網頁體驗。■<