是什么导致动画框架射击和复合层的这种混乱？

Question

我正在进行游戏，60fps是理想的。

我注意到了一些口吃，我做了60秒的时间线录音。

我注意到这两件被标记为＆＃34; jank＆＃34;通过开发工具：

1 - 动画帧被解雇

你应该能够看到之前和之后的帧相对较好（21.3很慢，但没有像80.7那样），上图显示几乎99％的帧运行良好。

从我可以深入研究调用堆栈，这是在这里被解雇的代码 -

它是我使用（Famous.org）的框架的一部分，所以看起来它只是通过循环器并调用＆＃34; rAF＆＃34;我在控制台中显示的是requestAnimationFrame（）。

什么可能导致这个电话减速这么多？它与浏览器而不是我的代码有关吗？

2 - 复合图层

除了复合图层不引用调用堆栈中的任何代码（第二个图像是时间轴中的另一个janky框架）之外，这里几乎完全相同 -

这些性能下降来自哪里？