高德地图v2.0版本卡顿问题
使用vue3 + TS重构项目的时候,按照官网文档步骤,使用了全新版本的高德地图2.0版本,之前是使用V1.4.5版本的
页面非常卡顿
使用后,页面加载非常卡顿,完全显示出来,差不多要等个几秒。看了进程,非常吃内存。性能不好的电脑,CPU基本上要100%爆掉
优化
- 在main.ts文件中初始化引入loader加载器。全局使用公共的AMAP。
- 浏览器设置硬件加速
- chrome://flags/#ignore-gpu-blocklist 开启
结语:
至此,一小段优化之路完成。再次重启项目,加载速度有明显的提升!