公司新做了一个web应用。在chrome上测试,操作一段时间之后,手动按Memory面板的GC按钮。现象是:
前面这个内存占用涨了大几十M
后面的js使用的内存才加了一两M
下面是堆快照对比,也没有增加DOM节点
那是什么原因导致浏览器内存占用加了那么多呢?
ps: 之前浏览器开了GPU加速,GPU占用的内存会猛增,并且长期不释放。这个标签页的内存占用空间会跟GPU有关吗?
公司新做了一个web应用。在chrome上测试,操作一段时间之后,手动按Memory面板的GC按钮。现象是:
前面这个内存占用涨了大几十M
后面的js使用的内存才加了一两M
下面是堆快照对比,也没有增加DOM节点
那是什么原因导致浏览器内存占用加了那么多呢?
ps: 之前浏览器开了GPU加速,GPU占用的内存会猛增,并且长期不释放。这个标签页的内存占用空间会跟GPU有关吗?
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
发现问题的原因了,是mousemove事件里调用了document.createElement, 导致新增了很多DOM节点,但是这些节点是临时的,所以不会出现在js堆快照里。DOM节点新建了,占用了浏览器的内存,浏览器没有及时释放,导致的内存占用增加。