兼顧性能和兼容體驗：HTML5時代的瀏覽器全面測試
摘要: 兼顧性能和兼容體驗：HTML5時代的瀏覽器全面測試
導(dǎo)言：自1981年IBM推出第一臺PC以來，桌面電腦以及隨后不斷涌現(xiàn)的筆記本、平板以及智能手機等設(shè)備越來越普及，而近20年來互聯(lián)網(wǎng)的出現(xiàn)和高速發(fā)展，則讓瀏覽器成為 ...
兼顧性能和兼容體驗：HTML5時代的瀏覽器全面測試 導(dǎo)言：自1981年IBM推出第一臺PC以來，桌面電腦以及隨后不斷涌現(xiàn)的筆記本、平板以及智能手機等設(shè)備越來越普及，而近20年來互聯(lián)網(wǎng)的出現(xiàn)和高速發(fā)展，則讓瀏覽器成為這些設(shè)備上使用率最高的應(yīng)用程序之一。 蒂姆·伯納斯-李（Tim Berners-Lee）作為首位使用超文本來分享資訊的人，于1990年在歐洲粒子物理實驗室里開發(fā)出首個網(wǎng)頁瀏覽器WorldWideWeb。1991年3月，蒂姆·伯納斯-李將這項發(fā)明介紹給了給他在CERN工作的朋友。從那時起，瀏覽器就和互聯(lián)網(wǎng)的發(fā)展綁定在了一起。隨著網(wǎng)頁語言、硬件性能的進步，瀏覽器所承擔的角色越來越從簡單的工具向平臺化轉(zhuǎn)變。 無論桌面還是移動設(shè)備，瀏覽器越來越成為用戶和數(shù)字信息之間的橋梁。盡管也有不少開發(fā)者為用戶提供更為垂直和單一化的應(yīng)用程序作為信息獲取入口，但是作為生產(chǎn)力和信息獲取的綜合性工具，瀏覽器的普及程度、兼容性、便利性以及內(nèi)容的覆蓋范圍，均超出其他垂直應(yīng)用。 目前，主流的瀏覽器主要有基于Trident引擎的IE、基于Gecko引擎的FireFox、基于Webkit引擎的Chrome和Safari，以及基于Presto引擎的Opera幾個大類，而其它瀏覽器多為基于這幾大引擎內(nèi)核開發(fā)。面向眾多瀏覽器，消費者如何選擇？而評判一款瀏覽器優(yōu)缺點的標準又是什么？ 從大多數(shù)瀏覽器的宣傳語可以看出，瀏覽器的網(wǎng)頁響應(yīng)速度成為大眾用戶的主要評判標準之一，這也是對瀏覽器性能最通俗的概括。作為數(shù)據(jù)內(nèi)容和用戶之間交互的媒介，瀏覽器通過指定的協(xié)議將服務(wù)器端特定格式的數(shù)據(jù)展現(xiàn)給用戶端，主要包括HTML頁面文檔、頁面程序、圖片/視頻等多媒體內(nèi)容等。能否順應(yīng)網(wǎng)頁標準的變革，正確高效的支持最新的HTML5技術(shù)和CSS3效果，也成為衡量瀏覽器優(yōu)劣與否的重要指標。 目前通用的瀏覽器性能測試工具和方法不少，包括蘋果推出的Sunspider、谷歌推出的V8、Mozilla推出的Kraken，以及第三方開發(fā)的Asteroids HTML5、GUIMark2 HTML5、GUIMark2 Flash和多啦A夢CSS 3等。通過這些測試工具和方法，不僅僅能夠測試不同瀏覽器的性能差異，也得以將瀏覽器對HTML5等全新網(wǎng)頁標準的兼容性進行對比，體現(xiàn)瀏覽器的綜合體驗表現(xiàn)。 JavaScript測試組 JavaScript是一種能讓網(wǎng)頁更加生動活潑的編程語言，開發(fā)者可以利用JavaScript十分容易的做出親切的歡迎訊息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡易的投票等多種網(wǎng)頁功能和特效，豐富網(wǎng)頁的用戶體驗。 Sunspider是蘋果開發(fā)的一個JavaScript基準測試，這個測試僅使用JavaScript 為核心，不加雜其他諸如DOM或其他瀏覽器API，用于比較不同瀏覽器對基準JavaScript的加載時間。在這個測試中，加載時間越短的瀏覽器越優(yōu)秀。  在SunSpider JavaScript Benchmark測試中，Internet Explorer 10的加載速度最快，其次為Firefox 16、Chrome 24、Internet Explorer 9、Safari 5.3。 GoogleV8是一款JavaScript腳本引擎，屬于Chrome的一部分。和其他腳本語言如PHP、Python等一樣，JavaScript也可以內(nèi)嵌于瀏覽器程序，與編譯性語言如C、C++等交互，通過在瀏覽器程序中引入腳本解析器，可以使得運行效率更高。在Google V8測試中，總得分越高的瀏覽器越優(yōu)秀。  在該測試中，整合Google V8腳本引擎的Chrome 24分數(shù)最高，其次依次為Firefox 16、Internet Explorer 10、Safari 5.3、Internet Explorer 9。此結(jié)果代表各個瀏覽器對于Google的JavaScript引擎的支持效率及加載速度。 Kraken是Mozilla發(fā)布的JavaScript效率基準測試，Mozilla自家的Firefox瀏覽器針對Kraken進行了一定程度的優(yōu)化，該測試分數(shù)越低越好。  在Kraken JavaScript Benchmark測試中，Chrome 24、Firefox 16領(lǐng)先，Internet Explorer 10其次，Safari 5.3與Internet Explorer 9則落后。 HTML5測試組 AsteroidsHTML5具體測試瀏覽器使用HTML5編碼的2DCanvas渲染性能、DrawImage 縮放、漸變透明度、構(gòu)成、陰影的渲染，以及文字顯示加載速度等性能。這個測試體現(xiàn)HTML5網(wǎng)頁游戲的性能，由中立機構(gòu)開發(fā)，實用性和權(quán)威性相對較高。在這個測試中，最后總分越高，以及幀數(shù)越高的瀏覽器越優(yōu)秀。  Asteroids測試得分  Asteroids測試幀數(shù) 在Asteroids HTML5測試中，IE10及IE9的分數(shù)、幀數(shù)排名最為靠前，F(xiàn)irefox 16與Chrome 24稍稍落后， Safari 5.3分數(shù)性能較低。 GUIMarkHTML5和Flash基準測試的目的，是通過模擬一個流動的股票趨勢圖表，測量瀏覽器相關(guān)API及大量使用筆畫效果等復(fù)雜的透明度填充，用于檢測瀏覽器對于不同形式網(wǎng)頁（HTML5和Flash）的性能，由中立機構(gòu)開發(fā)，測試結(jié)果幀數(shù)越高的瀏覽器越優(yōu)秀。  GUIMark HTML5  GUIMark Flash 對于傳統(tǒng)Flash網(wǎng)頁，各個瀏覽器都能以較高的幀數(shù)呈現(xiàn)，其中Firefox 16的幀數(shù)相對較低，Safari5.3和IE10則達到近60幀。對于HTML5頁面的表現(xiàn)各瀏覽器則有較明顯差異，IE10性能最好，其次是Chrome 24與IE9類似，F(xiàn)irefox 16性能相對較差。 繪制多啦A夢，屬于CSS3兼容性能最常見的一種測試。主要用來測試瀏覽器對CSS3規(guī)范的支持情況。在該項測試中，將不同瀏覽器的特效錯誤數(shù)據(jù)進行統(tǒng)計，錯誤越少則兼容性越好。   測試總結(jié) 從硬件加速來看，所有涉及播放幀數(shù)的測試中IE10、Chrome 24和IE 9都表現(xiàn)出較高水平，尤其是IE 10全部保證在了25幀以上（人眼流暢體驗的最低幀率）。而從對JavaScript的加載速度上看，IE 10、Chrome 24和Firefox 16性能較好。從綜合的JavaScript、CSS渲染加速、DOM渲染的測試來看，IE10和Chrome 24性能較高。 而在考察CSS3兼容性的多啦A夢測試中，IE10、Chrome 24和Safari 5.3表現(xiàn)出色。綜合上述測試結(jié)果，IE10在性能和兼容性方面的全面能力不容忽視。 而在性能和兼容性之外，瀏覽器的用戶體驗還包括版本迭代支持。目前瀏覽器主要分為“保證舊版兼容”和“加速版本迭代”兩個主要陣營，其中Firefox和Chrome傾向于頻繁更替版本，版本迭代周期平均為6周，用戶需要不斷更新瀏覽器來適應(yīng)新的使用環(huán)境并獲取最新的功能體驗。 而IE和Safari則屬于長期兼容舊版的風格，通過這種方式來保證用戶體驗的穩(wěn)定性和一致性。微軟IE集團副總裁Dean Hachamovitch曾表示：“在IE10發(fā)布后，微軟將會提供10年的支持周期，就像Windows一樣。同時，微軟也會發(fā)布技術(shù)預(yù)覽版，開發(fā)人員和技術(shù)愛好者可以嘗試新的技術(shù)并提供反饋，這種方法讓IE技術(shù)團隊能夠在任何消費者受到威脅之前，解決安全性問題。” 而對于全新HTML5標準的支持，微軟除了在IE 10中添加原生的HTML 5標準架構(gòu)外，還聯(lián)合知名游戲開發(fā)商推出HTML5網(wǎng)頁游戲，如《切繩子》（Cut the Rope：http://www.cuttherope.ie），《黑暗旅行》（Contre Jour：http://www.contrejour.ie）等，來為用戶提供更加優(yōu)質(zhì)的HTML5豐富網(wǎng)頁體驗。■ 附注：測試環(huán)境
硬件：
|
