Chrome开发者工具

Question

不确定如何在Chrome开发工具（性能标签）中解释这些长帧。这是React中动画的配置文件。我正在使用d3-timer来运行使用requestAnimationFrame的动画。这些零星的长帧（约50到70毫秒之间）动画中有明显的抖动。但是当你丢帧时，我看不到你通常看到的任何红色。这是截图...

问题：什么会导致像这样的随机长帧？在此示例中，看起来RAF在该帧期间多次运行，并且它不显示导致帧延迟的任何其他活动。那你怎么诊断这个问题呢？任何帮助将不胜感激。如果它有用，我会很高兴更多截图或信息。

注意：我没有发布代码，因为它并不是真正的代码。我问的是，任何代码最终都会像这样进行分析。帧速率下降且多个RAF帧最终位于Chrome开发者工具中的单个“帧”内。想知道是否有人以前看过这个并且可能能够解决这个问题？