我试图了解Chrome Dev Tools中有关时间轴的一些事情。从documentation开始，我认为灰色和清晰的条形图是＃34;未被DevTools＆＃34;和＆＃34;显示刷新周期和＃34;之间的空闲时间。

我有一个应用程序，每个框架（requestAnimationFrame()）呈现更新，并具有如下图所示的典型时间轴配置文件：

不幸的是，对我来说，文档并没有说明如何评估我的应用程序中的灰色和空白区域。我的问题是：

＆＃34;空闲＆＃34;清除条总是填充渲染之间的时间？

换句话说，就白色条而言，我看到的个人资料是什么？我很想这么做，但文档中的示例屏幕截图如下所示：

有明显的框架，其中空白区域不会填充渲染之间的空间。

时间线配置文件与收集配置文件的计算机上的cpu利用率之间是否存在粗略关系？

在下面的配置文件中，大约40％的时间是空闲的，所以我可以期望这对应于使用约60％的核心用于配置文件中表示的操作吗？

或者是否存在典型的事情（垃圾收集等等）？

希望这对一个问题来说不是太多。提前致谢