vue页面加载时间过长优化

文章目录

问题描述

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

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

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

解决方案

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

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

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

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

相关推荐
脾气有点小暴1 小时前
ECharts 伪 3D 柱状图完整注释 + 实现原理说明
前端·3d·信息可视化·vue·echarts
勇往直前plus1 天前
Vue3(篇四)单页面应用到路由管理
javascript·typescript·前端框架·vue
勇往直前plus1 天前
Vue3(篇三) Element Plus
前端·javascript·typescript·vue
shawxlee2 天前
vue3+axios挑战最简洁实用的配置封装+接口调用:请求拦截器、响应拦截器、通用请求方法(单个请求/并发请求/下载文件)、统一接口管理
前端·经验分享·vue·接口·axios·api
RuoyiOffice4 天前
超级个体接私活必看:后端+前端+移动端三端一体企业管理系统怎么选(2026)
java·spring boot·vue·uniapp·全栈·企业管理·接私活
狗凯之家源码网5 天前
机车圈系统核心功能与实战效果展示
vue·node
无巧不成书02185 天前
Vue+Vue-CLI全平台零基础搭建教程
前端·javascript·vue.js·vue·前端开发·vue-cli·前端环境搭建
-Camellia007-6 天前
用 Vue3 + Vite + Pinia 写一个极简的“个人任务看板”(数据存本地 LocalStorage)
vue
shawxlee7 天前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
jieyucx7 天前
Nuxt4阶段六:工程化与进阶 —— 模块、中间件、插件、TS 与测试
中间件·vue·web·nuxt·全栈·ssr