前端内存泄漏这种前端性能问题怎么排查?

来源:2-7 使用Chrome DevTools分析性能【最大法宝】

wibc666

2022-01-06

老师,我vue系统在4g内存的电脑操作1小时左右会奔溃,这种问题怎么排查?

写回答

2回答

wibc666

提问者

2022-01-14

https://img.mukewang.com/szimg/61e1508108c556ac10010822.jpg
奔溃的页面是这样的。老师,是不是但页面应用程序刷新页面谷歌任务管理器内存占用空间都会涨(会涨会降,但总体趋势是涨的),今天试了一下掘金,弄了一个空项目测试,都是涨的,如果是涨的那频繁操作久一些不是也会崩吗?

0
0

Mr_Max

2022-01-08

同学你好!

你的崩溃是浏览器没有响应吗?那可以先看一下内存的增长情况,看看performance, heap map等。然后排查一下自己代码里一些常见问题,是否大量创建而未销毁的定时器、事件,全局变量,监听;还有v-for的地方使用是否合理;还有一些lib添加的元素不用了或者隐藏后关注一下可能要手工清理。如果没有明确的报错信息,1小时左右才出现的问题,大概率是上面提到的一些“小问题“积累导致的内存泄漏。

0
4
Mr_Max
回复
wibc666
第2个问题:不一定,要看你的业务,可能你的页面就是非常消耗内存,比如地图类的。不过如果一直涨,那肯定是不行的,是有问题的。
2022-02-01
共4条回复

前端性能优化企业级解决方案 6大角度+大厂视野

只要项目还在线,性能优化永远是时刻要关注的问题

1109 学习 · 226 问题

查看课程