天天看點

手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...

Vellamo作為一款專攻網頁浏覽性能測試的工具,在這方面的測試環節也相對複雜很多。這一部分在Vellamo的HTML5測試環節中通過14項測試來進行展現,而接下來我們會對着實際個測試項進行相應的介紹。

手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...
手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...

See The Sun Canvas/Pixel Blender測試界面

See The Sun Canvas是HTML5部分進行的第一個測試環節。測試通過HTML52D圖形元素來測量浏覽器界面中的像素繪制速度。測試畫面中的蝴蝶起初由單色正方體構成,蘇侯轉換成球形,并且逐漸變換色彩。最終Vellamo對于這一項測試給出的成績取決于測試中得出的平均fps值。

Pixel Blender是HTML5部分的第二個環節,用于測試浏覽系統傳輸時可用的記憶體帶寬。測試界面由大量透明與半透明的圖像混合組成,并且通過逐漸提升混合圖像的複雜程度進行重複測試,最終的結果取決于像素傳輸速度以及圖像操作所能達到的極限。

手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...
手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...

Canvas Crossfader/Aquarium Canvas測試界面

Canvas Crossfader是HTML5測試中的第三個部分,主要通過兩個畫面之間重複幾次的交叉切換來測試JavaScript的表現。最終成績基于每秒切換的次數得出。

Aquarium Canvas測試的重點在于對比浏覽器與原生指令表現之間的差異,測試會使用一段30fps的動畫,動畫中有動畫硬币不停保持旋轉。這段動畫第一次出現時基于原生Android Java,第二次則通過基于HTML元素的浏覽器展現。最終的成績取決于兩種模式下動畫中硬币的數量,以及兩種模式下動畫中硬币數量的差異。

手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...
手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...

SunSpider v0.9.1/V8 Benchmark Suite v7測試界面

SunSpider v0.9.1是我們在平時的評測文章中常用的評測工具,也是Vellamo HTML5測試中的第五個環節,通過模拟常見的基于HTML的網頁來測試浏覽器的JavaScript引擎。整項測試通過對3d、access、bitops、math、string等項目的測試得出總分,分值以毫秒(ms)記錄,最終數值越低,即時間越短,浏覽器的性能也就越好。

而測試中的第六個環節V8 Benchmark Suite v7與SunSpider類似,不過模拟的是更加複雜一些的基于HTML與JavaScript的網頁,來測試JavaScript引擎性能,最終結果同樣是對複雜測試項目的在綜合呈現,不過這裡分數越高則性能越好。

手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...
手機html5性能測試工具,HTML5子產品 性能方面8大測試環節_小米 M3_手機硬體頻道-中關村線上...

Surf Wax Blinder/DOM Mode Surfer測試界面

Surf Wax Blinder在于測試浏覽器與JavaScript虛拟機之間的傳輸表現,測試中會通過一系列的函數調用以促成浏覽器與虛拟機之間的資料讀寫,最終成績取決于額每秒鐘通路操作的資料量。

DOM Mode Surfer在于考量浏覽器的核心布局引擎以及對于文檔對象模型内輸入與更改的反應能力。Vellamo的測試方法與常見的JavaScript工具庫類似,最終成績越快越好。

//mobile.zol.com.cn/408/4089946.html

mobile.zol.com.cn

true

中關村線上

//mobile.zol.com.cn/408/4088356.html

report

2253

Vellamo作為一款專攻網頁浏覽性能測試的工具,在這方面的測試環節也相對複雜很多。這一部分在Vellamo的HTML5測試環節中通過14項測試來進行展現,而接下來我們會對着實際個測試項進行相應的介紹。 See The Sun Canvas/Pixel Blender測試界面See...