如何分析和获取Javascript性能

关于内存消耗

JavaScript中的内存泄漏通常被忽略,除非它们变成浏览器内存泄漏(即,即使在用户离开页面之后,内存仍继续分配,并且无法释放它).这样做的原因是,当您的Web应用程序可能有一些内存泄漏时,用户将从一个页面转到另一个页面,以便最大限度地减少泄漏.但是,他们可能无法重新启动浏览器,因此浏览器内存泄漏可能很严重.已知某些JavaScript代码会导致某些浏览器出现内存泄漏,因此Internet Explorer可能是此领域中最糟糕的.对于它,您可能会发现Microsoft JavaScript内存泄漏检测器非常有用.

关于时代

IE,Chrome和Safari在浏览器附带的Web开发工具中内置了分析器.对于Firefox,您可以使用Firebug.也很有用,因为你正在使用jQuery,这意味着你的分析报告将填充匿名函数等,使得它非常难以理解,John Resig的jQuery profiling插件,它将为你提供更清晰的输出.

关于内存消耗

JavaScript中的内存泄漏通常被忽略,除非它们变成浏览器内存泄漏(即,即使在用户离开页面之后,内存仍继续分配,并且无法释放它).这样做的原因是,当您的Web应用程序可能有一些内存泄漏时,用户将从一个页面转到另一个页面,以便最大限度地减少泄漏.但是,他们可能无法重新启动浏览器,因此浏览器内存泄漏可能很严重.已知某些JavaScript代码会导致某些浏览器出现内存泄漏,因此Internet Explorer可能是此领域中最糟糕的.对于它,您可能会发现Microsoft JavaScript内存泄漏检测器非常有用.

关于时代

IE,Chrome和Safari在浏览器附带的Web开发工具中内置了分析器.对于Firefox,您可以使用Firebug.也很有用,因为你正在使用jQuery,这意味着你的分析报告将填充匿名函数等,使得它非常难以理解,John Resig的jQuery profiling插件,它将为你提供更清晰的输出.

使用Firebug.引用http://getfirebug.com/js.html:

要使用分析器,只需转到"控制台"选项卡,然后单击"配置文件"按钮.然后使用您的应用程序或重新加载页面,然后再次单击"配置文件"按钮.然后,您将看到详细的报告,其中显示了所调用的函数以及每个函数所花费的时间.