页面内存占用分析

页面内存占用，当然越少越好。对于网页来说，对于静态的页面，只要减少传输不必要的数据，那么通常就没必要分析内存占用；如果你的页面上有大量的JavaScript，并且发现页面占用的内存特别多，或者用了一段时间后性能很差，等现象的话，那么你可能需要尝试分析一下页面的内存占用情况。

大多数情况下，一个页面从打开到最后关闭，时间不会很久，因此即使有轻微的内存泄漏，也不会是问题；如果希望用户打开这个页面很久不关闭也不刷新，那么内存泄露就是一定要考虑的问题了。

分析页面的内存泄露，可以用Chrome开发者工具里的Memory分析工具。

首先，我们先打开Memory选项卡：按F12，然后切换到Memory选项卡。看到如下的界面：

主要需要注意的有几处：

1. 右侧的：分析类型选择区

这里提供了三种分析方式：

1. 堆快照: 堆快照配置文件显示页面上JavaScript 对象和相关 DOM 节点在内存上的分布。
2. 时间线上的分配检测：可以根据时间线，来查看一段时间内内存里创建并存活下来的对象。
3. 分配取样：用取样的方式来记录内存的分配情况，因为这种方式对程序性能开销影响最小，适合用在长时间运行的操作上。

2. 工具栏

上面的三个图标按钮分别是：

1. 获取内存快照
2. 清除内存快照
3. 进行内存垃圾回收

每个图标上，鼠标放上去的时候也会显示提示。