网站首页 > 技术文章 正文
JeecgBoot vue3 前端项目在 3.5.5 版本之前,的确存在很严重的性能问题,大家可以参考以下文档进行升级。
按需加载改造方法
- 1、全局注册地方去掉
- 2、组件改成异步注册
- 3、用不到的大组件可以删掉 【精简项目方案】
大组件
- 1、富文本 tinyme
- 2、Markdown
- 3、CodeMirror
- 5、JVxeTable 表格
- 6、仪表盘
- 7、地图数据 china-area-data
- 8、antd 资源按需加载
- 9、popup
组件分析: https://note.youdao.com/s/YKUzG66H
jeecgboot 3.5.5 性能优化方案
如何你是 jeecgboot 3.5.5 之前的 VUE3 版本,可以参考我们已做过的优化进行改造
- 1、按需加载改造
- 2、UnoCSS 替代 windicss
- 3、升级 vite4
- 4、build 打包拆分
PR 提交
- 首屏缩短至 10 秒多 & 打包时间缩短至一半,升级 vite4 和 vue3.3
- 打包优化默认 index 太大,自定义拆包策略
- UnoCSS 替代 windicss,Windi CSS 导致 vite 变慢
- 生产环境字典慢的问题
详细文档:https://help.jeecg.com/optimizationPlan.html
vite 编译提速
- 1、关闭 mock
- 2、删除 online 单元测试
- 3、删除甘特图
- 4、tinymce code 组件,精简配置
- 5、行编辑不全局注册
- 6、处理::v-deep
猜你喜欢
- 2024-11-27 前端开发:Web性能优化有哪些方法?
- 2024-11-27 前端如何优化?
- 2024-11-27 广州蓝景技术分享—前端开发技术性能优化篇
- 2024-11-27 折腾不止前端工程与性能优化
- 2024-11-27 「技术干货」前端性能优化——快速定位代码BUG
- 2024-11-27 性能up!面向前端开发人员的14个JavaScript代码优化技巧
- 2024-11-27 web前端性能优化细节概括
- 2024-11-27 Web前端开发进阶:Web前端性能优化详解
- 2024-11-27 Web前端开发人员必知的性能优化技巧
- 2024-11-27 前端性能优化之利用 Chrome Dev Tools 进行页面性能分析
你 发表评论:
欢迎- 598℃几个Oracle空值处理函数 oracle处理null值的函数
- 591℃Oracle分析函数之Lag和Lead()使用
- 579℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 575℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 571℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 564℃【数据统计分析】详解Oracle分组函数之CUBE
- 550℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 545℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- 前端获取当前时间 (50)
- 前端接口 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)