javascript - 如何调试 Chrome Javascript 中 GC 事件之间看似长时间的停顿

Question

我一直在尝试优化一个 Angular 网站，但在某些路由之间切换时，我的页面响应出现大量延迟。显示的每个页面都不大，但其中包含相当数量的元素和合理数量的绑定(bind)。我已经用 bindonce 做了我能做的，所以我用 Chrome 查看了调试器，我发现我的大部分时间似乎都花在了 GC 上。

奇怪的是，每个 GC 之间似乎存在巨大的差距，我正试图弄清楚这些差距到底是什么。

我猜是在它实际删除项目时，小条是在进行标记和清除时，但我对分析 JS 的这种深度并不熟悉。我的大部分工作都是在 C++/C#/Java 中完成的。

Answer 1

在半秒内收集了超过 20MB 的垃圾。 GC 很忙。这也意味着您的软件也很忙，通过某些对象产生至少相同的内存使用量。为了更好地了解垃圾从何而来，此时分析堆分配可能很有用。在 Profiles 下，您可以拍摄堆分配的快照并查看创建的对象类型、消耗内存最多的对象等。