2013-04-10 142 views
0

我是JavaScript开发的新手。我建立了一个巨大的JavaScript应用程序测试应用程序我使用chrome开发工具,我不知道分析。我拍了一张堆快照,快照上有32mb。javascript内存泄漏和profilling?

它是什么(32mb)以及如何知道JavaScript中的内存泄漏?

如何使用分析来测量我的应用程序?

+0

您是否阅读过devtools文档? – Bergi 2013-04-10 12:47:45

回答

1

您可以按F12,您将在那里获得配置文件选项。如果您想检查完成按钮点击操作所需的时间,只需选择Collect Javascript CPU配置文件并说出开始。然后点击所需的按钮,然后停止。您将在那里获得详细的点击分析。您可以稍后检查可以减少操作所需的总时间。即优化它。您也可以在IE中使用开发人员工具来达到同样的目的。

为了优化,您可以避免不必要的循环,将元素存储在变量中,然后使用代码中经常需要的元素。等等。

您还可以查看铬右下角的错误(如果有的话),并可以解决优化问题。

配置文件会为您提供父函数和其他函数在父函数中分别调用的时间,这有助于独立优化每个函数。

当您启动和停止分析器以执行任何操作(如点击按钮)时,您将在Chrome配置文件中获取该操作的总时间(以秒或毫秒为单位)。如果时间多于该操作的用户接受时间,则可以修改/优化您的JavaScript代码。如果任何操作的用户接受时间超过了这个时间,这意味着您的网站性能不佳,需要进行优化。用户接受时间完全取决于操作类型

+0

我想了解关于性能分析 – user1834809 2013-04-10 12:44:52

+0

您想知道,Chrome浏览器如何访问性能分析工具吗? – PranitG 2013-04-10 12:48:37

+0

如何分析测量性能? – user1834809 2013-04-10 12:50:48

0

DevTools能够向您显示看起来像泄漏的物体。 描述的最简单和有用的技术here

在它的帮助下,人们组成gmail团队成功地将其设置为fix the leaks in gmail page