KineticJS:火狐vs Chrome的动画性能

Question

我正在使用animation模块使用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的实现。

在火狐中有没有办法让帧率更平滑一点？

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

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