google-chrome - 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 限制。