对基于Web的动画的FPS进行基准测试？

Question

我正在寻找编写每秒简单帧的动画基准Javascript实用程序。 FPS在这里可能是个输家，但理想情况下，它可以让我更准确地比较和衡量浏览器和设备之间不同动画（CSS3 / canvas / webgl）的表现方式。 （所以不是只测试特定代码的东西-而是页面中包含的JS库，并且能够自行执行此操作）

并且我正在寻找有关如何最好地解决该问题的想法。

例如，我希望requestAnimationFrame是我正在寻找的东西-我已经阅读了一些，似乎每次浏览器可用于重绘/设置动画时，它都会被调用？ 因此，按照相同的逻辑，如果（运行动画时）浏览器不经常（例如在空运行中）不可用-我们已经有了一些可以在此处进行比较的数字。

问题是当然不像我想要的那样广泛支持requestAnimationFrame（尤其是在移动设备上）。 可以以某种方式使用setInterval吗？ 我知道它不是那么可靠，但是也许可以发挥我的优势-例如，如果我每秒调用它1000次，然后再次将其每秒实际执行多少次进行比较-这已经是一种基准。

这里唯一的问题是该方法将返回任意数量的问题的度量值，而不仅仅是动画-例如，我可以想象浏览器跳过一个间隔，因为它在DOM中做某事，等等。您可能会争辩说浏览器是单进程动物，因此DOM更改也会影响动画-但是，例如CSS3动画是否由GPU硬件加速，这仍然适用吗？

目前仅是一种理论-因此非常感谢任何想法！ ;-)

Answer 1

看起来它应该很容易适应一组可以在您的特定情况下使用的功能（“做自己的事”）： https : //gist.github.com/1156092