javascript - 这个js堆图是不是很着急?我该如何解决?

标签 javascript google-chrome google-chrome-devtools

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

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

enter image description here

最佳答案

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

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

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

memory leak pattern

Source

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

参见 Fix Memory Problems了解更多用于分析内存使用情况的技术。

关于javascript - 这个js堆图是不是很着急?我该如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46304755/

相关文章:

javascript - jQuery 对象上下文的区别

javascript - echarts.js 饼图工具提示悬停不工作

google-chrome - 关闭 Chrome 扩展选项

javascript - chrome.tabs.executeScript : Cannot access a chrome://URL

angularjs - 如何从 chrome 控制台以 Angular 访问 $scope 变量

javascript - 无法将隐藏的 div 对齐以在可见性上垂直和水平显示在页面中心

javascript - 模拟点击所有单选按钮并不断循环

html - Chrome 另存为 PDF 更改 CJK 字符

javascript - Chrome 在高迭代次数上意外减速

css - 如何在 Chrome 开发工具中获取 CSS 更改的摘要?