主要观点总结
本文介绍了对第三方采购的vue2 + ElementUI实现的云管平台性能优化的过程。文章提到了项目背景、存在的问题、优化的方法和效果。优化的方法包括使用Lighthouse和webpack-bundle-analyzer插件进行性能分析，静态文件缓存和压缩，删除无用路由和库，异步加载组件和js/css文件，服务端开启http2和Gzip压缩等。
关键观点总结
关键观点1: 文章背景
文章介绍了一个云管平台项目，该项目使用vue2和ElementUI实现，项目存在代码混乱、页面加载慢的问题。
关键观点2: 性能分析
使用Lighthouse和webpack-bundle-analyzer插件进行性能分析，发现页面加载慢和代码体积大的问题。
关键观点3: 优化方法
通过静态文件缓存和压缩，删除无用路由和库，异步加载组件和js/css文件，服务端开启http2和Gzip压缩等方式进行优化。
关键观点4: 优化效果
优化后，页面加载速度大幅提升，代码体积显著减小。
文章预览
作者：Vgbire https://juejin.cn/post/7359077652445806642 需求背景 从第三方采购的vue2 + ElementUI实现的云管平台，乙方说2011年左右就开始有这个项目了（那时候有Vue了吗，思考.jpg）。十几年的项目，我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容，吐槽归吐槽，混口饭吃，多烂的代码都得啃下去。 有一天领导找到我，问我怎么回事，打开页面需要十几秒时间也太慢了，后台管理系统不要求首屏加载时间都没有这么慢，这个对外的系统超过1秒打开时间，都会流失很多客户，不优化好年终自己看着办吧。 什么？影响年终？好的领导，我马上抽时间解决（🐂🐴）。 如何看优化是否做到位？ 1. Lighthouse谷歌插件，从首页打开速度分析页面的性能，并给出指标和打分。 如何使用Lighthouse? F12打开控制台 - Lighthouse 如下图所示选择，然后
………………………………
