vue页面加载时间过长优化

文章目录

问题描述

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

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

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

解决方案

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

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

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

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

相关推荐
就叫年华吧丶13 小时前
长文档点目录定位总是不准?一个 content-visibility + 平滑滚动引发的连环坑(Vue3 实战)
前端·javascript·算法·vue
今年下半年2 天前
【VUE3】移动端:使用腾讯地图显示区域统计与放大显示资产点位
javascript·前端框架·vue·地图
志尊宝2 天前
Vue3 零基础每日笔记(054):Pinia 三件套详解——state / getters / actions 全搞懂
前端·javascript·vue.js·vue·前端开发
志尊宝8 天前
Vue3 零基础每日笔记(055):组件里正确使用 store——storeToRefs 解构与 $patch 批量修改
笔记·vue·html·前端开发·软件开发
yzy859 天前
Vue中下载或打开文件的JavaScript方法
前端·javascript·vue
溪语流沙10 天前
Django + Vue电商项目第001讲:开篇|注册登录加增删改查,那不是电商
redis·python·mysql·docker·typescript·django·vue
程序员阿黄10 天前
基于 Django 与 Vue 3 的智能实验室预约系统设计与实现
后端·python·mysql·django·vue·毕设
.Hypocritical.11 天前
Vue CLI(vue-cli)和 Vite 超详细对比
vue
志尊宝11 天前
Vue3 零基础每日笔记(040):Vite 创建 Vue3 + TS 项目——企业标配从这一篇开始
笔记·vue·html·前端开发·软件开发
凤城老人12 天前
从零手写开源私有云盘|Flask+Vue3+Electron全栈网盘,单容器一键部署
python·docker·electron·vue