在 JS 中分析垃圾收集

【问题标题】：Profiling garbage collection in JS在 JS 中分析垃圾收集
【发布时间】：2020-03-01 02:29:47
【问题描述】：

我们网站上的客户端 JS 代码的性能存在问题，这是由半频繁的 Major GC 操作引起的。我想减少这些临时分配和释放的对象的数量，但是我找不到办法知道这些是什么类型的对象，所以：

有没有办法确定垃圾收集操作期间释放了哪些对象？我在 Chrome 中找不到它，但我很乐意使用任何其他浏览器.. . 我希望有分配调用堆栈，但我也只对对象类型感到满意。

【问题讨论】：

【解决方案1】：

在 Firefox 和 Chrome 上，您可以右键单击，选择“检查”，然后导航到“内存”选项卡。在垃圾收集发生之前和之后拍摄快照以查看发生了什么变化。两种浏览器都有几种不同的方式来查看内存分配的方式。例如，Firefox 有一个漂亮的树形视图（除了其他列表和细分之外）：

既然您提到了 Chrome，下面是一个简单的摘要视图示例，您可以在其中查看各个对象及其大小：

【讨论】：