如何衡量内存使用情况和效率？
我有一个使用大量 JavaScript 的 Web 应用程序，旨在不间断运行（几天/几周/几个月），而无需重新加载页面。
然而，几个小时后 Chrome 就崩溃了。 Safari 不会经常崩溃，但速度确实会显着减慢。
如何检查问题是出在我的代码还是浏览器本身？我能做些什么来解决这些问题？
I have a web app that uses a lot of JavaScript and is intended to run non-stop (for days/weeks/months) without a page reload.
However, Chrome is crashing after a few hours. Safari doesn't crash as often, but it does slow down considerably.
How can I check whether or not the issues are with my code, or with the browser itself? And what can I do to resolve these issues?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使用 Chrome 开发者配置工具，您可以获取 CPU 使用情况的快照并获取内存快照。
拍摄 2 张快照。选择第一个并切换到比较，如下所示
三角形列是数学符号 delta 或变化。因此，如果您的增量为正，则您将在内存中创建更多对象。然后，我会在给定的时间段（例如 5 分钟）后拍摄另一张快照。然后再次比较结果。查看增量
如果您的增量是恒定的，那么您在内存管理方面做得很好。如果为负，则您的代码是干净的，并且您使用过的对象能够被正确收集，这又是一项伟大的工作。
如果您的增量持续增加，则可能存在内存泄漏。
另外，
了解您是否在稳步增加 DOM 元素也很有用。
Using Chrome Developer Profile Tools you can get a snapshot of what's using your CPU and get a memory snapshot.
Take 2 snaps shots. Select this first one and switch to comparison as shown below
The triangle column is the mathmatical symbol delta or change. So if your deltas are positive, you are creating more objects in memory. I'd would then take another snapshot after a given period of time, say 5 minutes. Then compare the results again. Looking at delta
If your deltas are constant, you are doing an good job at memory manageemnt. If negative, your code is clean and your used objects are able to be properly collected, again a great job.
If your deltas keep increasing, you probably have a memory leak.
Also,
would be useful to see if you are steadily increasing you DOM elements.
Chrome 也有“about:memory”页面，但我同意 IAbstractDownVoteFactory 的观点 - 开发者工具才是正确的选择！
Chrome also has the "about:memory" page, but I agree with IAbstractDownVoteFactory - developer tools are the way to go!