chrome新的垂直时间轴中的空白是什么？

Question

我正在使用chrome中的requestAnimationFrame在raphael中运行一个简单的视图框动画。我注意到所有脚本和渲染任务都已完成但我仍然看到30到60毫秒之间的“死空间”，看起来浏览器在那里无所事事。对此有何见解？

Answer 1

我继续这个问题寻找相同的答案，似乎没有人提供回应，这就是我找到的。

根据the Chrome DevTools documentation about the Clear and Light Grey Frame，空格是浏览器空闲的时间。

为什么闲置？

简短版本是一个空心框架意味着两件事之一：你的javascript主线程忙着做其他东西，Chrome开发团队忘了在DevTools中显示，或者你的GPU上有瓶颈。

为了区分，您可以在DevTools的设置中启用“时间轴：在标尺上显示CPU活动”（您知道，右下角的齿轮）。

你会以这样的结局结束：

查看“记录”行上的小深灰色块？当渲染器线程忙时，它们会变暗。如果渲染器线程大部分是空闲的，例如没有黑暗的块，就像我为这篇文章猛拉过的截图一样，这是一个非常好的信号，你是GPU绑定的。

Answer 2

以下是Chrome工程师Nat Duca的完整解释。

https://plus.google.com/+NatDuca/posts/BvMgvdnBvaQ