Javascript 如何找到原因;“拉伸框架”;在Chrome时间表中?

Javascript 如何找到原因;“拉伸框架”;在Chrome时间表中?,javascript,google-chrome,optimization,Javascript,Google Chrome,Optimization,我正在尝试优化浏览器应用程序中的Javascript,以确保动画始终以60fps的速度运行。我正在使用Chrome(57)时间线工具分析瓶颈。很多问题都可以很好地解决,但我也遇到了一些非常神秘的现象: 下面的屏幕截图显示了一个空的时间轴(在长时间运行的CSS转换期间),但帧仍然超过16ms。我在哪里能找到那里发生的事情? 另一个奇怪的现象如下所示,函数逻辑的一部分被移动到requestAnimationFrame()语句中。这一逻辑在时间上很好地向前移动,但它似乎将整个帧延长到了21.3毫秒。

我正在尝试优化浏览器应用程序中的Javascript,以确保动画始终以60fps的速度运行。我正在使用Chrome(57)时间线工具分析瓶颈。很多问题都可以很好地解决,但我也遇到了一些非常神秘的现象:

下面的屏幕截图显示了一个空的时间轴(在长时间运行的CSS转换期间),但帧仍然超过16ms。我在哪里能找到那里发生的事情?

另一个奇怪的现象如下所示,函数逻辑的一部分被移动到requestAnimationFrame()语句中。这一逻辑在时间上很好地向前移动,但它似乎将整个帧延长到了21.3毫秒。为什么会这样

我希望有人能对这些案件有所了解

谢谢

帕斯卡