我想了解一些关于Chrome Dev Tools中时间轴的事情。从文档中,我了解到灰色和透明的条形是“未被DevTools工具检测到的活动”和“显示刷新周期之间的空闲时间”,分别表示两种不同的状态。
我的应用程序每帧都会渲染更新(
我的应用程序每帧都会渲染更新(
requestAnimationFrame()
),并且有一个典型的时间轴配置文件如下图所示:
很不幸,对我来说,文档并没有清楚地说明如何评估应用程序中的灰色和白色空间。我的问题是:
"空闲"清除栏是否总是填充渲染之间的时间?
换句话说,我看到的白色栏是否符合预期?我倾向于这样认为,但文档中的示例截图看起来像:
有明显的帧,白色空间未填满渲染之间的空间。
时间轴配置文件和收集配置文件的机器上的CPU利用率之间是否存在粗略关系?
在下面的配置文件中,大约40%的时间是空闲的,因此我可以期望这对应于在配置文件中表示的操作中使用大约60%的核心吗?
有没有办法描述“未被检测”的灰色条形图?
还是有典型的东西可以这样做(垃圾回收等)?
希望这不是一个问题太多。提前致谢