animation - Safari 中 Webkit 帧时间线中的灰色条是什么？

Question

我遇到了性能问题，其中帧速率仅在 Safari 中的动画期间主要下降，但我无法识别问题并查看帧时间线。问题是动画期间发生抖动。我不知道这是 css 还是 JS 问题，因为它在 Chrome 中很流畅。

我注意到Animation Frame（紫色）和Paint（绿色）的速度为 60fps 或更高。但是，我注意到一个灰色条从 60fps 延伸到 30fps 左右。我找不到任何关于这是什么或如何在我的代码中引用它的信息。这个灰色条表示什么？谢谢 -我的帧时间轴的图像

标签： animationsafariwebkitframe-ratesafari-web-inspector