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

文章预览

作者：Vgbire 原文：https://juejin.cn/post/7359077652445806642 需求背景 从第三方采购的vue2 + ElementUI实现的云管平台，乙方说2011年左右就开始有这个项目了（那时候有Vue了吗，思考.jpg）。十几年的项目，我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容，吐槽归吐槽，混口饭吃，多烂的代码都得啃下去。 有一天领导找到我，问我怎么回事，打开页面需要十几秒时间也太慢了，后台管理系统不要求首屏加载时间都没有这么慢，这个对外的系统超过1秒打开时间，都会流失很多客户，不优化好年终自己看着办吧。 什么？影响年终？好的领导，我马上抽时间解决（🐂🐴）。 如何看优化是否做到位？ 1. Lighthouse谷歌插件，从首页打开速度分析页面的性能，并给出指标和打分。 如何使用Lighthouse? F12打开控制台 - Lighthouse 如下图所示选择 ………………………………