HTML5测试，无论是PC浏览器还是移动平台上的浏览器产品，几乎都脱离不了其中一个测试参考项，那就是HTML5的性能测试。

一、测试方法

1、跑鱼测试:不断增加鱼的数量，看你的FPS得分。

2、旋转的浏览器图标:增加图标亮，看FPS分数

3、炫彩测试：注意这个页面是有背景音乐的

4、IE9体验站：摇骰子，台球，风筝之类的等

5、宝马体验：HTML5 加载需要2—3分钟

6、液体微粒：用鼠标在上面比划 or 点击,看看什么效果

7、视频爆炸：点击视频看看会怎么样）

8、坠落效果的Google：用鼠标把它们提起，再甩下去

9、等离子树：鼠标每点击一次会多一个分支

10、线条绘画：在三维空间画画

11、水墨小球：在线作图

二、测试环节

1、 See The Sun Canvas是HTML5部分进行的第一个测试环节。测试通过HTML5<canvas>2D图形元素来测量浏览器界面中的像素绘制速度。测试画面中的蝴蝶起初由单色正方体构成，苏侯转换成球形，并且逐渐变换色彩。

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

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

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

5、 SunSpider v0.9.1是Vellamo HTML5测试中的第五个环节，通过模拟常见的基于HTML的网页来测试浏览器的JavaScript引擎。整项测试通过对3d、access、bitops、math、string等项目的测试得出总分，分值以毫秒（ms）记录，最终数值越低，即时间越短，浏览器的性能也就越好。

6、V8 Benchmark Suite v7是html5测试中的第六个环节，与SunSpider类似，不过模拟的是更加复杂一些的基于HTML与JavaScript的网页，来测试JavaScript引擎性能，最终结果同样是对复杂测试项目的在综合呈现，不过这里分数越高则性能越好。

7、Surf Wax Blinder是html5测试中的第七个环节，在于测试浏览器与JavaScript虚拟机之间的传输表现，测试中会通过一系列的函数调用以促成浏览器与虚拟机之间的数据读写，最终成绩取决于额每秒钟访问操作的数据量。

8、 DOM Mode Surfer是html5测试中的第八个环节，在于考量浏览器的核心布局引擎以及对于文档对象模型内输入与更改的反应能力。Vellamo的测试方法与常见的JavaScript工具库类似，最终成绩越快越好。