单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒

主要观点总结

本文介绍了对第三方采购的vue2 + ElementUI实现的云管平台性能优化的过程。文章提到了项目背景、存在的问题、优化的方法和效果。优化的方法包括使用Lighthouse和webpack-bundle-analyzer插件进行性能分析，静态文件缓存和压缩，删除无用路由和库，异步加载组件和js/css文件，服务端开启http2和Gzip压缩等。

关键观点总结

关键观点1: 文章背景

文章介绍了一个云管平台项目，该项目使用vue2和ElementUI实现，项目存在代码混乱、页面加载慢的问题。

关键观点2: 性能分析

使用Lighthouse和webpack-bundle-analyzer插件进行性能分析，发现页面加载慢和代码体积大的问题。

关键观点3: 优化方法

通过静态文件缓存和压缩，删除无用路由和库，异步加载组件和js/css文件，服务端开启http2和Gzip压缩等方式进行优化。

关键观点4: 优化效果

优化后，页面加载速度大幅提升，代码体积显著减小。