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

标签 css benchmarking

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

如何测量 CSS3 动画的每秒帧数?我可以测量动画花费了多长时间,但如何量化动画期间的卡顿?

最佳答案

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

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

2.) 在底部您会看到一个名为“渲染”的选项卡,将其向上拖动以便您可以看到它的内容。

4.) 勾选“Show FPS” meter。

FPS 仪表应出现在浏览器视口(viewport)的右上角,向您显示当前的 fps 和图表。

关于css - 如何对 CSS3 动画的 FPS 进行基准测试?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26493624/

相关文章:

c++ - 谷歌基准测试自定​​义主要

oracle - 在 Windows XP 上对 Oracle 10G 进行基准测试

c++ - 为什么使用 istreambuf 迭代器读取文件通过重复执行会变得更快?

java - 用于计算机科学实验的 Java CPU 时间或用户时间?

css - 水平滚动父级时扩展内部div宽度

jquery - 简单 slider 不起作用和绝对定位问题

html - <strong></strong> 在表内不起作用?

如果未加载图像,则执行 css 更改的 Jquery 函数

javascript - 在带滚动条的 div 内滚动侧边栏 - $(window).on ('scroll' , function()?

java - 多线程基准测试