早上打开项目就卡死，我这暴脾气差点把电脑砸了，赶紧按下F12看了一眼性能监控，好家伙，加载个首页要8秒，表格数据一出来直接卡成PPT，这玩意儿谁敢用？

第一板斧：先给包减肥

我打开打包报告一看，好么，*居然有3M多！立马装了个分析插件，发现全家桶的moment和echarts占了大头。这俩玩意儿跟个秤砣似的挂在项目里，不拆留着过年？直接上按需加载：

• 把moment换成*，体积直接缩到6%
• 表格里echarts拆成轻量版，用到啥导啥
• 顺手把路由懒加载改成箭头函数写法

完事儿再打包，*剩900k，页面加载嗖嗖快，至少能忍了。

第二招：表格这头吞金兽

刚爽了没两天，运营同事又喊卡。打开他们用的数据报表页，2000条数据带筛选滚动，风扇直接起飞。这哪是表格，简直是电暖器！

• 先上虚拟滚动，让页面别一次性全加载
• 表格头用CSS粘性定位固定住
• 把那些花里胡哨的表头筛选气泡框全换成原生下拉

改完手指头戳着表格上下划拉，丝滑得跟德芙似的。

第三记闷棍：接口挨个查

后台日志突然报慢请求，点个导出按钮要20秒！顺着调用链路摸过去，发现有个查询权限的接口被反复调用60多次。哪个大聪明写的在循环里调接口？赶紧把权限数据提前缓存到Vuex里，需要时直接从内存掏。

顺便把那些不常变的字典数据全扔localStorage，首屏加载时只拉必要数据。改完导出功能从20秒缩到3秒，打印机都比这慢。

意外收获：打包玩花活

临下班前手贱点开webpack配置，把chunk分割从按路由改成按功能模块。结果用户访问时只加载当前模块的代码，首屏体积又砍一半。这操作跟变魔术似的，早该这么整了！

把console全删了才敢上线，生怕哪个打印语句把生产环境搞崩。优化完再看性能面板，首屏2秒内，表格操作不卡壳，后台同事也不打电话骂娘了。