我遇到了性能问题,仅在 Safari 中的动画期间帧速率大幅下降,但我无法识别问题并查看帧时间线。 问题是动画期间发生晃动。 我不知道这是 css 还是 JS 问题,因为在 Chrome 中很顺利。
我注意到
Animation Frame
(紫色)和 Paint
(绿色)的帧速率为 60 fps 或更高。 然而,我注意到灰色条从 60 fps 延伸到 30 fps 左右。 我无法找到有关这是什么或如何在代码中引用它的任何信息。 这个灰色条代表什么?谢谢 -我的帧时间线的图像
来源:https://webkit.org/web-inspector/timelines-tab/靠近页面底部。但它没有解释“其他”包括什么。