vue-element-echarts-performance-optimization

记一次vue+element+echarts项目的优化（如何轻松将项目性能提升70%） 注意：本文有点标题党了，图很多很罗嗦，不想看图的同学可以直接看加粗的重点和最后的总结。 我是是小白，哪里有不对的地方或者更好的方案请不要给我面子，马上提出来 最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。 优化过程 准备： vue-cli提供了一个很方便的查看代码打包后体积的命令，只需在正常的打包命令后加一个--report即可，这样打包完成后会自动开启一个页面，展示各个依赖包的大小。 npm run build --report 优化前： 先看看优化前的大小吧 这是打包前本地localhost中首屏加载的js文