0

公司新做了一个web应用。在chrome上测试,操作一段时间之后,手动按Memory面板的GC按钮。现象是:
前面这个内存占用涨了大几十M
后面的js使用的内存才加了一两M
clipboard.png
下面是堆快照对比,也没有增加DOM节点

clipboard.png
那是什么原因导致浏览器内存占用加了那么多呢?

ps: 之前浏览器开了GPU加速,GPU占用的内存会猛增,并且长期不释放。这个标签页的内存占用空间会跟GPU有关吗?

Rick 156
9月16日提问
2 个回答
-1

已采纳

发现问题的原因了,是mousemove事件里调用了document.createElement, 导致新增了很多DOM节点,但是这些节点是临时的,所以不会出现在js堆快照里。DOM节点新建了,占用了浏览器的内存,浏览器没有及时释放,导致的内存占用增加。

-2

可以看看前端的重绘回流。减少使用table标签,会解决一点。

撰写答案

推广链接