优化高德地图2.0版本卡顿问题

972 阅读1分钟

高德地图v2.0版本卡顿问题

使用vue3 + TS重构项目的时候,按照官网文档步骤,使用了全新版本的高德地图2.0版本,之前是使用V1.4.5版本的

页面非常卡顿

使用后,页面加载非常卡顿,完全显示出来,差不多要等个几秒。看了进程,非常吃内存。性能不好的电脑,CPU基本上要100%爆掉

优化

  1. 在main.ts文件中初始化引入loader加载器。全局使用公共的AMAP。
  2. 浏览器设置硬件加速 image.png
  3. chrome://flags/#ignore-gpu-blocklist 开启

image.png

结语:

至此,一小段优化之路完成。再次重启项目,加载速度有明显的提升!