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

Question

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

如何测量CSS3动画的每秒帧数？我可以测量动画需要多长时间，但如何量化动画过程中的抖动？

Answer 1

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

1.）ctrl + shift + j以启动开发工具。

2.）在底部，你会看到一个名为"渲染"的选项卡，向上拖动它，这样你就可以看到它的内容。

4.）检查"显示FPS"仪表。

FPS metter应显示在浏览器视口的右上角，向您显示当前的FPS和图形。