vue 和 react这类单页应用,用户长时间使用后,内存和cpu占用过高怎么办



  • 使用vue开发了一个项目,不知道哪里没处理好,用户使用一段时间,内存 和 cpu占用得很厉害,除了重新刷新页面,有没有办法处理

    af0ec25f-297e-4954-ac57-9798e75967bd-image.png



  • 从这几个方面下手

    内存过高,一般是网页资源多、变量多容易消耗资源所以可以这样,

    压缩网站资源

    这里着重强调的是网站的图片资源,和其它媒体资源,这一类资源体积大浏览器加载的时候会消耗大量内存,所以首先得确保网站资源已经达到最佳的优化状态,图片该压缩的压缩,样式、js该合并的合并

    网页优化参照此教程

    https://xnit.funtask.club/topic/75/

    其次就是程序的化

    单页应用逻辑复杂,所以要做好变量的回收,路由切换、页面销毁的时候应销毁不使用的变量
    移除不必要的事件监听, 清理不使用的定时器减少循环的使用 等等

    优化的原理,核心逻辑就是让页面的运算逻辑变简单加载资源变少 做到这两点,就能降内存,降cpu的使用


Log in to reply