谷歌 内存

标签：star   延长   就会   内容   崩溃   数组   image   点击   浏览器   

内容对于页面有哪些影响

• 页面的性能随着时间的延长越来越差。 这可能是内存泄漏的症状。 内存泄漏是指，页面中的错误导致页面随着时间的延长使用的内存越来越多。
• 页面的性能一直很糟糕。 这可能是内存膨胀的症状。 内存膨胀是指，页面为达到最佳速度而使用的内存比本应使用的内存多。
• 页面出现延迟或者经常暂停。 这可能是频繁垃圾回收的症状。 垃圾回收是指浏览器收回内存。 浏览器决定何时进行垃圾回收。 回收期间，所有脚本执行都将暂停。因此，如果浏览器经常进行垃圾回收，脚本执行就会被频繁暂停。

内存膨胀：如何界定“过多”

不存在硬性数字，因为不同的设备和浏览器具有不同的能力。 在高端智能手机上流畅运行的相同页面在低端智能手机上则可能崩溃。

使用 Chrome 任务管理器实时监视内存使用

使用 Chrome 任务管理器作为内存问题调查的起点。 任务管理器是一个实时监视器，可以告诉您页面当前正在使用的内存量。

1. 可以在这打开任务管理器

2. 打开之后会出现一个面板

内存占用空间 和 javaScript使用的内存

• Memory 列表示原生内存。DOM 节点存储在原生内存中。 如果此值正在增大，则说明正在创建 DOM 节点。
• JavaScript Memory 列表示 JS 堆。此列包含两个值。 您感兴趣的值是实时数字（括号中的数字）。 实时数字表示您的页面上的可到达对象正在使用的内存量。 如果此数字在增大，要么是正在创建新对象，要么是现有对象正在增长

通过点击页面的元素，增加到arr 数组中，可以看到任务管理器中的 javaScript 内存是不断变大的

如果页面长时间没有操作再看这列的话，他会变小，内存会被垃圾回收机制回收掉

接下来打开DevTools 的memory面板详细看下内存的使用情况

谷歌 内存

标签：star   延长   就会   内容   崩溃   数组   image   点击   浏览器   

原文地址：https://www.cnblogs.com/mengxiangji/p/13637310.html