vue 和 react这类单页应用,用户长时间使用后,内存和cpu占用过高怎么办
-
使用vue开发了一个项目,不知道哪里没处理好,用户使用一段时间,内存 和 cpu占用得很厉害,除了重新刷新页面,有没有办法处理
-
从这几个方面下手
内存过高,一般是网页资源多、变量多容易消耗资源所以可以这样,
压缩网站资源
这里着重强调的是网站的图片资源,和其它媒体资源,这一类资源体积大浏览器加载的时候会消耗大量内存,所以首先得确保网站资源已经达到最佳的优化状态,图片该压缩的压缩,样式、js该合并的合并
网页优化参照此教程
https://xnit.funtask.club/topic/75/
其次就是程序的化
单页应用逻辑复杂,所以要做好变量的回收,路由切换、页面销毁的时候应
销毁不使用的变量
,
移除不必要的事件监听
,清理不使用的定时器
,减少循环的使用
等等优化的原理,核心逻辑就是
让页面的运算逻辑变简单
、加载资源变少
做到这两点,就能降内存,降cpu的使用
西南地区IT社群(QQ)
- 云南
- 【昆明网页设计交流吧】243627302
- 【昆明nodejs交流吧】 243626749
- 【VUE】838405306
- 【云南程序员总群】343606807
- 【昆明UI设计】104031254
- 【云南软件外包】15547313
- 贵州
- 【PHP/java源码/站长交流群】55692114
- 四川
- 【成都Java/JavaWeb交流】86669225
- 【vaScript+PHP+MySql】116270060
- 【UI设计/设计交流学习群】135794928
- 重庆
- 【诺基亚 JAVA游戏博物馆】 559479780
- 【PHP,Java,Python,C++接单】 442103442
- 西藏