这个js堆图令人担忧吗?我该如何解决?

Nad*_*d G 5 javascript google-chrome google-chrome-devtools

我已经记录了一个 angular 4.4 应用程序的性能,我认为 Chrome 开发工具返回给我的关于 js 堆的内容可能令人担忧,但老实说我缺乏这个主题。

我不明白 ~20000ms 处的直线下降,不久之后的直线和 ~60000ms 处的另一个下降:它们是由于什么?这些行为是正常的还是意味着应该修复某些问题?

在此处输入图片说明

Kay*_*ues 8

倾斜意味着页面正在 JS 堆中分配内存。这是正常的。

下降意味着浏览器释放了不再需要的 JS 堆中的内存。这称为垃圾收集。这也很正常。没有什么可担心的。

通常,如果您看到每次垃圾回收事件后总内存量逐渐增加,那么这是内存泄漏的警告信号。内存泄漏模式通常如下所示:

内存泄漏模式

来源

从图中可以看出,如果页面运行时间足够长,最终会耗尽计算机的所有内存,导致计算机运行缓慢或崩溃。

有关分析内存使用情况的更多技术,请参阅修复内存问题