1. 程式人生 > >你需要選擇一個什麼樣的瀏覽器?

你需要選擇一個什麼樣的瀏覽器?

本文屬於轉載文章,如需另轉,請註明來源:最本質的測試 2016十款瀏覽器年度橫評http://soft.zol.com.cn/617/6177807.html

覺得寫得很好,就拿來分享了!

(原標題:最本質的測試 2016十款瀏覽器年度橫評)

第1頁:前言與測試環境介紹

瀏覽器,在這個時代繼續統治著桌面平臺網際網路入口的軟體型別,即使是在傳統桌面市場的蕭條期,依然是我們無法缺少的產品。而作為瀏覽器廠商們也仍然無法完全放棄傳統桌面平臺帶來的流量,繼續在這個產品線上保持穩步的投入。

不過我們也發現,隨著移動網際網路的介入,使用者對於桌面瀏覽器的需求也越來越迴歸本質,即回到瀏覽器本身的瀏覽上來,而將更個性化的需求轉移到了移動平臺上。那麼瀏覽器的本質最看重的是什麼呢?我認為就是最純粹的“看得快”和“看得全”。


最本質的測試 2016十款瀏覽器年度橫評

所以本次評測我們也將重點測試瀏覽器的核心素質,分別是JavaScript效能測試、CSS3支援測試、Acid3測試、GPU加速測試以及HTML5相容性測試。涉及產品包括:Chrome、360、QQ、百度、搜狗、獵豹、傲遊、Firefox、IE以及Edge。

參測產品及版本號

產品名稱 版本號
Chrome 55.0.2883.87m
360安全瀏覽器 8.1.1.240
QQ瀏覽器 9.5.2(9947)
百度瀏覽器 8.4.100.3893
搜狗瀏覽器 7.0.6.22932
獵豹瀏覽器 6.0.114.13396
傲遊雲瀏覽器 5.0.2.1000
Firefox 50.1.0
IE 11.576.14393.0
Edge 38.14393.0.0

測試環境

CPU Genuine Intel 2.20GHz
顯示卡 Intel HD Graphics 4000
記憶體 6GB
系統 Windows 10 Build 14393


第2頁:JavaScript效能測試

JavaScript效能測試

JavaScript效能反映了一款瀏覽器的基本素質,在這裡我們使用了SunSpider JavaScript Benchmark基準測試。這是一種JavaScript測試基準,是一款權威的專注於實際問題解決的測試軟體。測試中,得分越低越好。

我們在每款參測瀏覽器在相同環境下,進行Javascript基準測試,以求得公平的測試資料。針對雙核瀏覽器,我們會對其兩個核心分別進行測試。


最本質的測試 2016十款瀏覽器年度橫評SunSpider JavaScript Benchmark基準測試

以下為測試結果:

產品名稱 相容(IE)核心/唯一核心 極速(chromium)核心
Chrome 287.5ms /
360安全瀏覽器 141.6ms 282.1ms
QQ瀏覽器 146.5ms 263.1ms
百度瀏覽器 162.8ms 280.4ms
搜狗瀏覽器 154.6ms 297.1ms
獵豹瀏覽器 154.7ms 299.7ms
傲遊雲瀏覽器 148.4ms 283.6ms
Firefox 341.4ms /
IE 153.1ms /
Edge 138.5ms /

從上表中可以看出,在這項測試中基於Chromium核心的所謂極速核心都敗下陣來,數值大多在280ms以上,而Firefox更是高達340ms以上。相反,基於IE核心的相容模式反而表現良好,結果大多在都在150ms左右。

這裡表現最出眾的是微軟用來取代IE的Edge瀏覽器,不過這款瀏覽器的份額卻越來越小,且只向Windows 10系統提供。但不管怎樣,在這一項測試中,Edge無疑是勝出者。


第3頁:CSS3支援測試

CSS3支援測試

CSS簡單來說就是網頁的佈局、字型、顏色、背景和其它效果的樣式設定。也就是有它來展現出網頁的顯示樣式和效果,所以對於CSS的支援程度決定了一款瀏覽器能否完整且正確地顯示網頁。

CSS3是CSS技術的升級版本,現在的CSS3分解為一些小的模組,更多新的模組也被加入進來。這些模組包括: 盒子模型、列表模組、超連結方式、語言模組、背景和邊框、文字特效、多欄佈局等。

針對CSS3的測試,我們通過專業的測試站點CSS3 Selectors Test來進行。最終考察的是通過率,總共有574項測試,通過率越高表現越好。


最本質的測試 2016十款瀏覽器年度橫評
CSS3 Selectors Test

以下是我們的測試結果:

產品名稱 測試結果
Chrome 574/574
360安全瀏覽器 574/574
QQ瀏覽器 574/574
百度瀏覽器 574/574
搜狗瀏覽器 574/574
獵豹瀏覽器 574/574
傲遊雲瀏覽器 574/574
Firefox 574/574
IE 574/574
Edge 574/574

從上表中可以看出,所有參測的瀏覽器在這一項的表現中都是合格的,全都順利地通過的CSS3測試。可見這項標準在幾乎所有的瀏覽器中都得到了足夠的重視,這也是瀏覽器的基本素質之一。


第4頁:Acid3測試

Acid3測試

Acid3測試是一份網頁瀏覽器及設計軟體之標準相容性的測試網頁,其測試焦點集中在ECMAScript、DOM Level 3、Media Queries和data: URL。Acid3是目前Web標準基準測試中最嚴格的,對DOM和JavaScript都有一定約束。

我們用到的Acid3測試,是通過專門的Acid3網站進行的,分數達到100才算完整通過測試。且若為完美通過測試,不應看到左上角的紅字。


最本質的測試 2016十款瀏覽器年度橫評
Acid3測試(圖為不完美通過)

下面為本次測試的結果:

產品名稱 測試結果 完美與否
Chrome 100
360安全瀏覽器 100
QQ瀏覽器 100
百度瀏覽器 100
搜狗瀏覽器 100
獵豹瀏覽器 100
傲遊雲瀏覽器 100
Firefox 100
IE 100
Edge 100

可以看出,在這項測試中所有參測瀏覽器都能夠通過測試,即達到100分滿分,但是唯有傲遊瀏覽器不是完美通過的。傲遊這個問題在我們去年測試時就遇到了,但看來並沒有做相關的調整。

值得一提的是,在去年的測試中,獵豹瀏覽器連100分滿分都達不到,但在今年已經能夠完美通過測試了,這裡的進步可以肯定一下。


第5頁:圖形加速測試

圖形加速測試

接下來是圖形加速測試,這項標準在網頁遊戲越來越多的當今環境下也體現得尤為重要。這項測試將反映出瀏覽器對於頁面圖形處理的能力,尤其是GPU加速效能。是否能夠更好地看視訊和玩遊戲,它起到了很大的作用。

本輪測試我們使用的是Mozilla的專門測試網站進行的FishIETank方法,統一設定2000條魚,解析度為1440x900,幀數越高者表現越好。這裡的資料為穩定下來的幀數數值。


最本質的測試 2016十款瀏覽器年度橫評FishIETank測試

以下是測試結果:

產品名稱 測試結果(fps)
Chrome 29~37
360安全瀏覽器 9~15
QQ瀏覽器 29~34
百度瀏覽器 27~33
搜狗瀏覽器 29~35
獵豹瀏覽器 30~34
傲遊雲瀏覽器 29~34
Firefox 28~31
IE /
Edge 33~34

從上圖可以看出,這一部分測試的結果大部分差距不大,其中幀數最高的為Chrome瀏覽器,而幀數最穩的則是Edge瀏覽器。這裡個人更傾向於Edge的穩定幀數,儘管上限不高,但是幀數非常平滑,不會出現突然掉幀的情況,因此視覺體驗最好。

不過360瀏覽器在我們的測試過程中幀數非常低,已經卡成幻燈片模式了,其中還數次造成顯示卡驅動出問題而導致黑屏。至於IE,在我們的測試中始終無法初始化WebGL,所以完全無法正常開啟FishIETank網站。


第6頁:HTML5相容性測試

HTML5相容性測試

最後一項測試為HTML5相容性測試,HTML5的意義在於對更先進採用HTML5標準的網站的支援能力,同時對HTML5的支援效果也反映出了瀏覽器的前瞻性和對新技術的態度。越來越多的網站在表現圖形動畫,甚至是網頁遊戲時已經拋棄傳統的Flash技術,轉而使用HTML5。所以HTML5的重要性也逐漸凸顯出來

HTML5測試我們使用的是專門的測試網站,它會直接為當前瀏覽器打出相應的分數,數值越高支援越好,滿分500分。


最本質的測試 2016十款瀏覽器年度橫評HTML5測試

以下為測試結果:

產品名稱 測試結果
Chrome 453
360安全瀏覽器 453
QQ瀏覽器 452
百度瀏覽器 453
搜狗瀏覽器 418
獵豹瀏覽器 453
傲遊雲瀏覽器 442
Firefox 429
IE 320
Edge 421

從上表可以看出,在HTML5方面表現最好的是眾多以Chromium為核心的瀏覽器,而表現最差的是IE。需要說明的是,在雙核瀏覽器中,我們分別對兩個核心都進行了測試,最終選取高的拿一個數值,且這些高數值均得自極速核心。而以IE核心為基礎的相容模式的分數普遍不高,這一點與IE本身的低分值是相符的。


第7頁:最終結果及總結

最終結果及總結

好了,現在我們來將前面的各項測試結果進行一下總結,詳見下表:

測試專案 優勝產品
JavaScript效能測試 Edge
CSS3支援測試 所有並列
Acid3測試 所有並列(除傲遊)
圖形加速測試 Edge
HTML5相容性測試 Chrome核心系並列

從上面的表格中,我們可以發現Edge的表現較為突出,相比去年可以說提升很大,不論是在JavaScript效能測試還是圖形加速測試中都表現良好,而其他方面也保持了較平均的水準,只是HTML5一項偏弱。

國產瀏覽器方面,由於基本都是Chrome和IE的套殼產品,所以也同時兼顧了Chrome和IE核心的強項,比如在HTML5相容方面使用Chrome核心,而在JavaScript方面是用IE核心,比較自由。但由於同時使用的都是別人家的統一核心,所以各自之間差異並不大,主要的區別還是各自產品附加的功能,比如搶票啊、雲端儲存啊、安全啊之類的。

至於我們這次評測為什麼沒有涉及國產瀏覽器擅長的附加功能,主要是因為使用者對於這些功能的需求不同,看法也不同。有的人就喜歡乾淨簡潔的瀏覽器,有的人就習慣功能繁多的瀏覽器,我們很難做到客觀。

所以從以上的本質測試來看,Edge無疑是最突出的。當然這也不是說Edge就是最好的瀏覽器,一來你要用它必須安裝Windows 10系統,二來Edge獨特的核心在對老IE支援的站點上相容性不足,比如網銀什麼的會比較麻煩。

最後我要說的是,這個評測只是從技術層面對現在的瀏覽器產品做一個相對客觀的硬標準的測試,不是告訴你應該選哪款瀏覽器,畢竟每個人的需求都不同。你要搶火車票,就算Edge分數再高也幫不了你;Chrome擴充套件多,你不會翻牆也是白搭。

本文屬於原創文章,如若轉載,請註明來源:最本質的測試 2016十款瀏覽器年度橫評http://soft.zol.com.cn/617/6177807.html