vue页面加载时间过长优化

文章目录

问题描述

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

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

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

解决方案

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

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

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

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

相关推荐
程序员蜡笔熊1 天前
Vite 8 换芯实测:Rolldown 替掉双引擎,构建快 3.19 倍
前端·javascript·vue
YWL2 天前
OpenLayers导出功能:地图截图+GeoJSON导出完整方案,从Canvas合并到PDF生成
前端·vue·openlayers
上单带刀不带妹2 天前
小程序图片缓存问题:时间戳和版本号解决图片不更新
缓存·小程序·vue·uniapp
wxwx_bscxy3222 天前
NodeJS 高校学业预警系统10551
mysql·node.js·vue·高校学业预警
爱折腾的编程老炮3 天前
潮玩品牌自建抽盒机小程序——商城 + 抽盒 + 一番赏 + 会员 + 社区,一套代码怎么搭
spring boot·小程序·vue·mybatis·uniapp
蜡台4 天前
ux-camera 跨平台相机组件
数码相机·vue·uniapp·camera·nvue·取景框
新中地GIS开发老师5 天前
WebGIS开发入门 | 从 Web 开发到地图开发,差别在哪儿?
前端·vue·webgis
JavaEdge.7 天前
scoped 样式与 data-v-* 属性选择器(写给 Javaer)
开发语言·vue
sunphp开发者7 天前
明灯智慧地图导览系统制作教程
vue·php·uniapp·js·贴图
南城以南溫暖如初1478 天前
社交裂变商城系统设计与实战开发指南
java·spring boot·mysql·vue·mybatis