如何以编程方式捕获/测量浏览会话中的帧速率?

时间:2012-08-01 17:54:32

标签: scroll google-chrome-devtools frame-rate

我正在尝试测量客户端性能 - 专门针对我的应用的帧速率/滚动延迟。我想知道是否有人找到了以编程方式捕获此类数据的好方法?我正在尝试比较时间/变化的性能......哇,有一个给定的变化滚动更顺畅吗?

到目前为止,我一直在做以下事项:
+开始“时间轴”录制(使用开发工具的“时间轴”功能/视图)
+运行一个简单的js例程,以固定的速率向下滚动
+查看/导出/分析Chrome的时间轴数据

以上的缺点是,使用javascript滚动页面的行为会引入自己的性能成本,并且最终我从时间线获得的数据是......非常彻底。理想情况下,我可以获得某种汇总数据 - 例如:平均值,中位数,第95个pct帧长度/持续时间和最长帧。

任何人都有关于此类事情的任何提示吗?

1 个答案:

答案 0 :(得分:0)

您可以通过在DevTools窗口(" DevTools-On-DevTools")上打开DevTools窗口,然后在控制台中运行命令以从DevTools模型中提取数据,以编程方式提取FPS数据。这包括在内:

https://stackoverflow.com/a/48081289/1669860

查看这个无关的答案,以获得更多帮助" DevTools-On-DevTools":

https://stackoverflow.com/a/48198185/1669860

您可以通过Puppeteer实现这一目标,同时:

https://github.com/GoogleChrome/puppeteer