Google chrome Chrome和XX27中的空白是什么?什么是新的垂直时间线?

Google chrome Chrome和XX27中的空白是什么?什么是新的垂直时间线?,google-chrome,timeline,requestanimationframe,Google Chrome,Timeline,Requestanimationframe,我正在使用chrome中的requestAnimationFrame在raphael中运行一个简单的viewbox动画。我注意到所有的脚本和渲染任务都完成了,但我仍然看到30到60毫秒的“死区”,看起来浏览器什么也没做。对此有什么见解吗 我继续问这个问题,寻找相同的答案,因为似乎没有人回答,下面是我的发现 根据,空白空间是浏览器空闲的时间。 为什么闲置? 简而言之,一个空心框架意味着两件事之一:你的javascript主线程忙于做Chrome开发团队忘记在DevTools中显示的其他事情,或者你


我正在使用chrome中的requestAnimationFrame在raphael中运行一个简单的viewbox动画。我注意到所有的脚本和渲染任务都完成了,但我仍然看到30到60毫秒的“死区”,看起来浏览器什么也没做。对此有什么见解吗

我继续问这个问题,寻找相同的答案,因为似乎没有人回答,下面是我的发现

根据,空白空间是浏览器空闲的时间。 为什么闲置?

简而言之,一个空心框架意味着两件事之一:你的javascript主线程忙于做Chrome开发团队忘记在DevTools中显示的其他事情,或者你在GPU上遇到瓶颈

为了区分不同,您可以在DevTools的设置(您知道,右下角的cog)中启用“Timeline:在标尺上显示CPU活动”

您将以以下内容结束:


看到“记录”行上的深灰色小方块了吗?当渲染器线程繁忙时,这些是黑色的。如果渲染器线程大部分处于空闲状态,例如没有暗块,就像我在本文中抓取的屏幕截图一样,这是一个非常好的信号,表明您已经绑定了GPU。

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


你有没有弄清楚造成空白的原因?我看到了一些类似的东西,但活动栏也从一个框架的一部分开始,开始时有空白。如果它像你提供的图片中的深灰色,有没有办法找出它是什么?