【地图】腾讯地图页面卡顿问题解决
目录
- 背景
- 问题排查解决
- 1. 页面是否使用 `keep-alive` 进行路由缓存
- 2. 离开地图页面时,是否将地图清除
- 总结
背景
有的电脑没有显卡会出现如下问题:
- 系统打开有地图的页面,CPU 占用直线飙升到100%下不来,切到非地图页面,CPU 占用也下不来
问题排查解决
从两个方面进行排查:
- 页面是否使用
keep-alive
进行路由缓存:有缓存的要去掉缓存,不缓存有地图的页面- 离开地图页面时,是否将地图清除:离开地图页面时,页面被销毁,地图也要销毁
1. 页面是否使用 keep-alive
进行路由缓存
如果使用了
keep-alive
进行缓存,则需去掉,否则地图一直处于未销毁状态,会占用CPU
- 【解决】地图页面
keepAlive
设置为false
2. 离开地图页面时,是否将地图清除
排查当前地图页面销毁时,地图是否被销毁,不销毁的话依然会占用CPU(想要触发页面销毁钩子,那就不能将当前页面进行缓存)
- 【解决】当前页面销毁时,将地图进行销毁
总结
CPU 占用一直下不去主要是因为地图未被销毁,就会一直占用CPU导致页面卡顿,想要解决该问题需从以下两方面排查:
- 有地图的页面不能进行页面缓存
- 页面销毁时要将地图进行销毁