手机html5性能测试工具,HTML5模块 性能方面8大测试环节_小米 M3_手机硬件频道-中关村在线...

Vellamo作为一款专攻网页浏览性能测试的工具,在这方面的测试环节也相对复杂很多。这一部分在Vellamo的HTML5测试环节中通过14项测试来进行体现,而接下来我们会对着实际个测试项进行相应的介绍。

6df5d4cf4150d4dad0b928e26dda094a.png 357beac7359b3766a1c54f2989205daa.png

See The Sun Canvas/Pixel Blender测试界面

See The Sun Canvas是HTML5部分进行的第一个测试环节。测试通过HTML52D图形元素来测量浏览器界面中的像素绘制速度。测试画面中的蝴蝶起初由单色正方体构成,苏侯转换成球形,并且逐渐变换色彩。最终Vellamo对于这一项测试给出的成绩取决于测试中得出的平均fps值。

Pixel Blender是HTML5部分的第二个环节,用于测试浏览系统传输时可用的内存带宽。测试界面由大量透明与半透明的图像混合组成,并且通过逐步提升混合图像的复杂程度进行重复测试,最终的结果取决于像素传输速度以及图像操作所能达到的极限。

1eccfe0de045aa896fd2e83d675dabfc.png 44be5da883cc2222f84ad21a1d0e3c0b.png

Canvas Crossfader/Aquarium Canvas测试界面

Canvas Crossfader是HTML5测试中的第三个部分,主要通过两个画面之间重复几次的交叉切换来测试JavaScript的表现。最终成绩基于每秒切换的次数得出。

Aquarium Canvas测试的重点在于对比浏览器与原生指令表现之间的差异,测试会使用一段30fps的动画,动画中有动画硬币不停保持旋转。这段动画第一次出现时基于原生Android Java,第二次则通过基于HTML元素的浏览器体现。最终的成绩取决于两种模式下动画中硬币的数量,以及两种模式下动画中硬币数量的差异。

a35adbd5d586e2401aed4869f073358a.png 88b027545cfff029f95cf7e78a95aceb.png

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引擎性能,最终结果同样是对复杂测试项目的在综合呈现,不过这里分数越高则性能越好。

0f726b7542a1ce2e58232071ee514895.png 2e9f3b213a3c35933f83ac58b18a5b9b.png

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...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值