我是javascript开发的新手。我构建了一个巨大的JavaScript应用程序。测试应用程序我使用chrome dev工具,我不知道有关分析。我拍了快照,快照得到32mb。
它是什么(32mb)以及如何知道javascript中的内存泄漏?
如何使用性能分析来衡量我的应用程序?
答案 0 :(得分:1)
你可以按F12,你会在那里获得个人资料选项。如果您想检查完成按钮点击操作所需的时间,只需选择Collect Javascript CPU
个人资料并说明开始。然后单击所需按钮,然后停止。您将获得对该点击的详细分析。您可以稍后检查可以减少操作所需的总时间。即,优化它。您也可以在IE中使用开发人员工具来实现相同的目的。
为了优化,您可以避免不必要的循环,将元素存储在变量中,然后使用代码中经常需要的元素。您也可以在chrome的右下角查看错误(如果有),并可以解决这些错误以进行优化。
配置文件将为您提供父功能所需的时间以及在父功能内单独调用的其他功能,这有助于独立优化每个功能。
当您启动时并停止探查器以执行任何操作(如单击按钮),您将获得Chrome配置文件中该操作的总时间(以秒或毫秒为单位)。如果时间超过该操作的用户接受时间,则可以修改/优化您的javascript代码。如果任何操作花费的时间超过用户接受时间,则表示您的站点没有良好的性能并且需要优化。用户接受时间完全取决于操作类型
答案 1 :(得分:0)
DevTools能够向您展示看起来像泄漏的对象。 描述here
的最简单有用的技术在人们的帮助下,人们组建了gmail团队,设法fix the leaks in gmail page。