vue页面加载时间过长优化

文章目录

问题描述

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

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

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

解决方案

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

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

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

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

相关推荐
上海懒图科技5 小时前
工厂厂区电子地图定位导航:厂区人车精准定位,安全合规双保障
前端·arcgis·vue
卋罖7503 天前
Razor 视图 + JavaScript + Vue/iView 组件实现的表格自定义列
javascript·vue·iview·razor视图
无所谓^_^6 天前
个人健康管理系统 | Springboot3 | Vue3
java·vue·毕业设计·springboot·课程设计·毕设·前后端分离
在努力的前端小白7 天前
基于FastAPI+LangChain+LangGraph+Agent+多模态的AI Agent 有渔渔具网站
人工智能·langchain·vue·fastapi
sun_weitao7 天前
用 FastAPI + MQTT 做一个 ESP32最小化跑通示例
中间件·vue·fastapi
汤米粥11 天前
2026年主流前端技术框架
vue·react·elementplus·tailwind css·angular‌·svelte‌·bootstrap‌
codigger11 天前
Vue nextTick 到底在等什么?一篇讲透原理与那些年踩过的坑
程序员·vue·编程·异步更新·#人工智能
咚咚咚小柒12 天前
【前端】LangChain.js学习
前端·javascript·人工智能·typescript·langchain·vue·ai编程
悟道书生14 天前
若依 RBAC 权限控制学习笔记
java·网络·笔记·sql·学习·vue
mewowaBc14 天前
使用Pinia持久化存储实现用户认证系统
vue·pinia·用户认证系统