javascript - KineticJS:Firefox 与 Chrome 中的动画性能

Question

我正在使用动画模块使用 Kineticjs 运行动画。现在我注意到 Chrome 和 Firefox 之间存在相当大的性能差异。查看帧率，我发现了以下结果。

     Chrome    Firefox
avg:     50         50
min:     33         20
max:     56         75

如您所见，FireFox 帧率的可变性要大得多。 Chrome 中的动画是流畅的(至少足够流畅)，但 Firefox 中的动画每秒左右时断时续，当帧率非常高或非常低时会发生这种情况。

尤其是高帧率峰值似乎破坏了流畅动画的外观。

有没有其他人经历过这种行为？有没有一种方法可以使 Firefox 中的帧速率更加平滑？

Answer 1

这可能是由于浏览器选项卡架构的差异，例如目前 Google Chrome 对每个选项卡使用单独的进程，因此一个选项卡中的缓慢或错误代码影响不大另一个选项卡中的代码。在 Firefox 中，选项卡在同一进程中运行，因此一个选项卡上的慢速代码会影响其他选项卡。

这也可能是由于浏览器性能差异造成的，这意味着您正在使用的 DOM 和 Javascript API 的实现。

is there a way to smooth the framerate out a bit more in Firefox?

您应该尝试找出帧率差异的一些原因，消除过程可能是最好的途径。

尝试使用只有一个选项卡的浏览器，并浏览用于查看是否存在性能差异的 API 列表。