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

Question

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

Answer 1

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

根据Chrome DevTools 关于 Clear and Light Gray Frame 的文档，空白是浏览器空闲的时间。

为什么闲着呢？

简而言之，空心框架意味着以下两件事之一：您的 javascript 主线程正忙于执行 Chrome 开发团队忘记在 DevTools 中显示的其他内容，或者您​​的 GPU 遇到瓶颈。

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

你将以这样的方式结束：

看到“记录”行上的深灰色小块了吗？当渲染器线程繁忙时，这些是黑色的。如果渲染器线程大部分处于空闲状态，例如没有暗块，就像我为这篇文章截取的屏幕截图一样，这是一个非常好的信号，表明您受到 GPU 限制。