vue页面加载时间过长优化

文章目录

问题描述

不知道大家遇到过试用vue写的前端页面,部署到服务器后,打开一个页面居然要1分钟。

这是我遇到的耗时最短的一次,也要30多s

我用的技术栈是:Vue 2 + Element UI + simple-mind-map,然后资源是上传到公司的cdn里面。

解决方案

经排查我发现是把所有代码打包成一个app.js,一共16M,本身我们sdn的链路就很长,所以速度也很慢。

然后就用代码分割,添加 config.optimization.splitChunks 配置

将大文件拆分成多个js小包之后,就完美解决了这个问题

现在最长的时间也就5s左右,作为自己的测试系统,可以接受了~

相关推荐
草根大哥3 小时前
AI编程实践-homex物业管理平台(Go + Vue3 + MySQL 多租户落地)
mysql·golang·vue·ai编程·gin·物业管理系统·多租户
未来龙皇小蓝1 天前
RBAC前端架构-03:创建dotenv及config配置
前端·vue
Aric_Jones3 天前
文章详情页 AI 快速阅读功能实现
java·网络·人工智能·spring boot·vue
千寻技术帮3 天前
10352_基于Springboot的房屋销售平台
java·spring boot·mysql·vue·源码·代码·远程
getaxiosluo3 天前
uniapp开发公众号,微信设置字体大小后,禁止改变页面字体大小
vue·uniapp·微信公众平台
biyezuopinvip4 天前
基于Spring Boot的企业网盘的设计与实现(任务书)
java·spring boot·后端·vue·ssm·任务书·企业网盘的设计与实现
biyezuopinvip4 天前
基于Spring Boot的企业网盘的设计与实现(毕业论文)
java·spring boot·vue·毕业设计·论文·毕业论文·企业网盘的设计与实现
Cult Of6 天前
Alicea Wind的个人网站开发日志(2)
开发语言·python·vue
Byron07077 天前
从多端割裂到体验统一:基于 Vue 生态的跨端架构落地实战
vue·多端