如何对CSS3动画的FPS进行基准测试？

Question

在WebGL中，我可以通过记录requestAnimationFrame发生时的时间戳来测量每秒帧数。

如何测量CSS3动画的每秒帧数？我可以测量动画花了多长时间，但是如何在动画中量化jank？

Answer 1

如果您使用基于webkit的浏览器，请执行以下操作：

1。）ctrl + shift + j调出开发工具。

2。）在底部，您将看到一个名为“渲染”的标签，将其向上拖动，以便您可以看到它的内容。

4。）勾选“显示FPS”仪表。

FPS metter应出现在浏览器视口的右上角，显示当前的fps和图表。