javascript - 堆快照大小远小于使用的 RAM 量

Question

我正在通过任务管理器检查 Chrome 中特定选项卡的内存消耗情况。它显示了我使用的 RAM 量相当大:

但是，当我在开发人员工具中拍摄堆快照时，其显示的大小要小几倍:

怎么会这样呢？

Answer 1

并非浏览器分配的每一位内存都会被堆上分配的 ECMAScript 对象使用。还有在堆栈上分配的 ECMAScript 对象、ECMAScript 运行时本身、下载的资源(HTML、CSS、ECMAScript、SVG、PNG、GIF、JPEG 等)、DOM 对象、显示树、显示缓冲区、缓存、浏览器本身等

此外，转储堆只会转储事件对象，而不是垃圾，并会压缩堆，因此即使是“事件”堆本身也会比堆转储大，因为事件堆还包含未转储的死对象。尚未被垃圾收集，以及可用内存的“漏洞”。

tl;dr:堆转储仅包含紧密聚集在一起的事件对象。 真实堆还包含死对象和空洞，此外，除了 ECMAScript 堆之外，还有很多东西。