【51CTO獨(dú)家特稿】這年頭瀏覽器種類(lèi)多，更新也快，每次有瀏覽器進(jìn)行升級(jí)，都有國(guó)內(nèi)外各大IT媒體放出各種各樣的性能測(cè)試數(shù)據(jù)，柱狀圖滿(mǎn)天飛。目前，這些數(shù)據(jù)主要都是來(lái)自針對(duì)JavaScript引擎的基準(zhǔn)測(cè)試；然而無(wú)論是微軟還是Google，世界上大多數(shù)瀏覽器開(kāi)發(fā)者都已經(jīng)產(chǎn)生了一個(gè)共識(shí)：瀏覽器快不快，只有用戶(hù)說(shuō)了算；而用戶(hù)所體驗(yàn)到的，從來(lái)都是整體的真實(shí)頁(yè)面加載和顯示的速度。也就是說(shuō)，無(wú)論這個(gè)瀏覽器的性能多好，只要用戶(hù)覺(jué)得它慢，那它就是慢；就好像一個(gè)足球球員無(wú)論百米速度多快，身體有多強(qiáng)壯，如果在球場(chǎng)上沒(méi)啥精彩表現(xiàn)，那球迷們也不會(huì)買(mǎi)賬。因此本次51CTO對(duì)***這批瀏覽器的速度測(cè)試中，我們對(duì)性能基準(zhǔn)測(cè)試不予考慮（***的JavaScript基準(zhǔn)測(cè)試可以參考這篇文章），而主要由頁(yè)面整體加載時(shí)間作為決定因素。

測(cè)試方法

微軟曾在IE8發(fā)布前后做過(guò)基于用戶(hù)體驗(yàn)的瀏覽器速度測(cè)試，并公開(kāi)了整個(gè)測(cè)試過(guò)程以備第三方測(cè)試者進(jìn)行驗(yàn)證。我們這次的測(cè)試方法，主要便是參考這份技術(shù)文檔。

測(cè)試流程很簡(jiǎn)單：在同一臺(tái)計(jì)算機(jī)上，啟動(dòng)瀏覽器，按照次序打開(kāi)四個(gè)指定的網(wǎng)址，并對(duì)每一個(gè)網(wǎng)頁(yè)的加載過(guò)程進(jìn)行計(jì)時(shí)。全部完畢之后，關(guān)閉瀏覽器。然后，對(duì)其他的待測(cè)試瀏覽器重復(fù)同樣的步驟。一般來(lái)說(shuō)，通過(guò)屏幕錄像的方式是比較準(zhǔn)確的，不過(guò)鑒于時(shí)間所限，本次測(cè)試采用了一個(gè)第三方的計(jì)時(shí)工具：Numion Stopwatch。這個(gè)工具用JavaScript編寫(xiě)，測(cè)試了瀏覽器從開(kāi)始加載URL到發(fā)出“完成”信號(hào)這段時(shí)間的長(zhǎng)度。

為了盡可能的排除外在不穩(wěn)定因素對(duì)測(cè)試結(jié)果造成的影響，測(cè)試過(guò)程中遵循了一下幾點(diǎn)事項(xiàng)：

◆關(guān)閉每個(gè)瀏覽器上的額外插件（如Firefox的Firebug或Chrome的Gmail Checker這種用戶(hù)額外添加的插件。Flash Player這種“必要”的AddOn則不用關(guān)閉）。

◆在測(cè)試過(guò)程中，關(guān)閉其他的應(yīng)用程序，以免造成干擾。

◆預(yù)先在所有的瀏覽器中預(yù)讀待測(cè)試的網(wǎng)址，使瀏覽器直接從緩存中讀取頁(yè)面。視頁(yè)面情況而定，預(yù)讀的次數(shù)可能需要超過(guò)一次，直到測(cè)試數(shù)據(jù)穩(wěn)定在一個(gè)***值附近為止。這是為了避免周邊服務(wù)器上保存的網(wǎng)頁(yè)緩存對(duì)測(cè)試結(jié)果造成誤導(dǎo)。

測(cè)試環(huán)境

機(jī)型：Dell Inspiron 1525

操作系統(tǒng)：Windows Vista Home SP2

處理器：Intel(R) Pentium(R) Dual CPU T3200 @ 2.00GHz

內(nèi)存：3GB

顯卡：Mobile Intel 965 Express Chipset Family

測(cè)試對(duì)象

1. IE9 Preview 3（Force IE9 Document Mode）
2. Firefox 4.0 Beta（20100721Build，無(wú)插件）
3. Chrome Stable 5.0.375.86（無(wú)插件）
4. Opera 10.60（因無(wú)法建立連接，Opera Turbo未開(kāi)啟）
5. Safari 5.0
6. 傲游3.0.15.300 RC3（Webkit模式）
7. 搜狗瀏覽器2.0（Webkit模式）

測(cè)試網(wǎng)址

由于我們想要測(cè)試的是瀏覽器的頁(yè)面元素渲染、頁(yè)面內(nèi)容排版、以及JavaScript執(zhí)行的速度，因此我們選擇的網(wǎng)站都是內(nèi)容比較多、或者牽涉到大量JavaScript代碼執(zhí)行的網(wǎng)頁(yè)。以下為待測(cè)試網(wǎng)站列表：

◆51CTO首頁(yè)（大量?jī)?nèi)容）：scjtxx.cn

◆新浪首頁(yè)（大量?jī)?nèi)容，大量頁(yè)面元素）：www.sina.com.cn

◆淘寶首頁(yè)（少量?jī)?nèi)容，大量頁(yè)面元素）：www.taobao.com

◆Google地圖（大量JavaScript）：ditu.google.com

測(cè)試結(jié)果

 
七大瀏覽器速度測(cè)試得分結(jié)果（分值越高越快）

本次的測(cè)試結(jié)果，Chrome 5.0、傲游3.0和搜狗瀏覽器2.0的得分相差不多，在四個(gè)網(wǎng)站的加載速度都頗為理想；其次是Opera 10.60，其在加載大量?jī)?nèi)容的頁(yè)面時(shí)（51CTO首頁(yè)和新浪首頁(yè)）的表現(xiàn)并不如預(yù)期般流暢；IE9和Firefox 4在加載51CTO和新浪首頁(yè)時(shí)的表現(xiàn)差不多，不過(guò)Firefox在加載淘寶首頁(yè)上表現(xiàn)不佳；墊底的則是Safari 5，原因是新浪首頁(yè)花費(fèi)了它長(zhǎng)達(dá)4.9秒的時(shí)間來(lái)加載。

具體測(cè)試情況和分?jǐn)?shù)計(jì)算過(guò)程如下：

下面列出的是每個(gè)瀏覽器的測(cè)試用時(shí)以及分?jǐn)?shù)計(jì)算。分?jǐn)?shù)計(jì)算采取最為簡(jiǎn)單的方法：速度 = 距離 / 時(shí)間。假設(shè)測(cè)試的四個(gè)站總共加載的內(nèi)容為100，則每個(gè)瀏覽器的得分為 100 / 總計(jì)時(shí)。

七大瀏覽器速度測(cè)試用時(shí)與得分

備注：在測(cè)試Google地圖時(shí)，會(huì)隨機(jī)遇到連接被重置現(xiàn)象，尤其是在Chrome、Safari、傲游、搜狗這四個(gè)基于Webkit的瀏覽器時(shí)，鏈接被重置的情況發(fā)生的十分頻繁，可能會(huì)對(duì)測(cè)試數(shù)據(jù)造成一定的影響。不過(guò)，我們已經(jīng)盡可能多的重復(fù)每個(gè)網(wǎng)址的加載，誤差已經(jīng)縮減至最小。

另外，新浪首頁(yè)在加載時(shí)往往有一、兩個(gè)廣告遲遲無(wú)法加載到的情況，但此時(shí)網(wǎng)頁(yè)已經(jīng)完全可以瀏覽并操作。有些瀏覽器會(huì)不斷地請(qǐng)求而導(dǎo)致遲遲無(wú)法發(fā)出加載完畢的信號(hào)（這在Opera 10.60中頗為明顯），有些瀏覽器則很快就放棄加載，導(dǎo)致了加載速度較快的結(jié)果。

【編輯推薦】

1. 從輸入網(wǎng)址到顯示頁(yè)面：瀏覽器工作原理拆解分析
2. 所謂快速的瀏覽器到底是什么意思？
3. 瀏覽器的戰(zhàn)國(guó)時(shí)代