使用Canvas,Firebug变得难以置信地变慢

时间:2013-07-22 20:39:34

标签: javascript html5 html5-canvas firebug performance-testing

我正在研究一些简单的Canvas演示,并且遇到了Firebug的问题。到目前为止,我一直在Chrome上进行测试,并将Canvas演示(页面背景中的Conway Game of Life)优化到大约20 FPS。 (我希望它更快,但这是另一个问题)   但是,当在同一台机器上进行FF测试时,性能会更差 - 通常约为5-10 FPS。此外,更令人不安的是,它似乎随着时间的推移而缓慢,暗示某种内存泄漏。

不幸的是,当我尝试使用Firebug时,谁的浏览器会停止运行。它仍然响应但速度极慢。我每分钟获得一帧,按钮点击通常需要2-5分钟才能响应。这里发生了什么?

该页面的完整代码位于:https://github.com/danheidel/resume-foundation

可以在此处加载页面本身:http://danheidel.github.io/resume-foundation/#

1 个答案:

答案 0 :(得分:1)

男人,StackOverflow,你最近很失望......

无论如何,我想通过如果你通过Inspector菜单(Cntl + Shift + I)而不是Firebug使用FF探查器,它并没有全部卡住并且工作得非常好。

另外,由于时间分辨率过于粗糙,我在Chrome分析器上遇到了一些问题,导致结果不准确。如果打开带有about:tracing的选项卡,它将在所有打开的选项卡上执行极其精细的分辨率跟踪。 (如果您正在分析Canvas应用程序,就像我一样,不要忘记跳转到要分析的选项卡,因为RequestAnimationFrame通常不会触发,除非该选项卡处于活动状态且可见。)