- Published on
Memory
- Authors
- Name
- 李丹秋
检查并修复内存泄漏问题
Visualize memory use in realtime with the Chrome Task Manager
可以通过Performance面板查看相关的内存信息。开启Record之后，可以根据内存变化的折线图，来判断内存的变化情况 内存分为：JS Heap、Documents、Nodes、Listeners、GPU Memory JS变量的多少决定JS Heap的大小，dom节点数量的多少决定Nodes的大小
Discover detached DOM tree memory
当DOM元素从文档中删除，但是依然被JS引用的话，就会被标记detached状态
如图中所示，如果被标记为黄色，则就意味着节点被删除，但是还有js引用，所以就需要去排查代码。
Identify JS heap memory leaks with Allocation Timelines
打开内存面板，选择Allocation instrumentation on timeline,就可以记录一段时间内的内存分配情况，只要有新的蓝色bar出现，就意味着有新的内存开销。
分析JS Heap
Performance monitor
