使用谷歌控制台分析应用内存

[pengkobe]

需要知晓的几个概念

• Shallow Size， 不包括引用的对象占用的内存
• GC根(GC root)

任务管理器

依次打开 下拉菜单 -> 更多工具 -> 任务管理器 可以查看各网页资源占用情况，其中

• Memory 列表示原生内存。DOM 节点存储在原生内存中。 如果此值正在增大，则说明正在创建 DOM 节点。
• JavaScript Memory 列表示 JS 堆

Profiles

• 堆快照是确定已分离节点的一种方式，重点关注黄色节点，红色节点代表的是已经分离了的

Performace

这里可以实时记录网站运行的参数，

参考

• https://developers.google.com/web/tools/chrome-devtools/memory-problems/
• https://www.breakyizhan.com/chromeconsole
• http://web.jobbole.com/81915/