打开 Chrome 的任务管理器。
Mac 下打开 Chrome 任务管理器的方式是选择 Chrome 顶部导航 > 窗口 > 任务管理;在 Windows 上则是 Shift + Esc 快捷键。或者:
即可查看内存占用率情况:
下面两列可以告诉您与页面的内存使用有关的不同信息:
- 内存占用空间 列表示原生内存。DOM 节点存储在原生内存中。 如果此值正在增大,则说明正在创建 DOM 节点。
- JavaScript使用的内存 列表示 JS 堆。此列包含两个值。 您感兴趣的值是实时数字(括号中的数字)。实时数字表示您的页面上的可到达对象正在使用的内存量。 如果此数字在增大,要么是正在创建新对象,要么是现有对象正在增长。
根据实际需求,还可以查看页面其他性能指标