百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

JeecgBoot Vue3 前端项目性能优化 & 按需加载方案

ztj100 2024-11-26 11:16 44 浏览 0 评论

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

相关推荐

再说圆的面积-蒙特卡洛(蒙特卡洛方法求圆周率的matlab程序)

在微积分-圆的面积和周长(1)介绍微积分方法求解圆的面积,本文使用蒙特卡洛方法求解圆面积。...

python编程:如何使用python代码绘制出哪些常见的机器学习图像?

专栏推荐...

python创建分类器小结(pytorch分类数据集创建)

简介:分类是指利用数据的特性将其分成若干类型的过程。监督学习分类器就是用带标记的训练数据建立一个模型,然后对未知数据进行分类。...

matplotlib——绘制散点图(matplotlib散点图颜色和图例)

绘制散点图不同条件(维度)之间的内在关联关系观察数据的离散聚合程度...

python实现实时绘制数据(python如何绘制)

方法一importmatplotlib.pyplotaspltimportnumpyasnpimporttimefrommathimport*plt.ion()#...

简单学Python——matplotlib库3——绘制散点图

前面我们学习了用matplotlib绘制折线图,今天我们学习绘制散点图。其实简单的散点图与折线图的语法基本相同,只是作图函数由plot()变成了scatter()。下面就绘制一个散点图:import...

数据分析-相关性分析可视化(相关性分析数据处理)

前面介绍了相关性分析的原理、流程和常用的皮尔逊相关系数和斯皮尔曼相关系数,具体可以参考...

免费Python机器学习课程一:线性回归算法

学习线性回归的概念并从头开始在python中开发完整的线性回归算法最基本的机器学习算法必须是具有单个变量的线性回归算法。如今,可用的高级机器学习算法,库和技术如此之多,以至于线性回归似乎并不重要。但是...

用Python进行机器学习(2)之逻辑回归

前面介绍了线性回归,本次介绍的是逻辑回归。逻辑回归虽然名字里面带有“回归”两个字,但是它是一种分类算法,通常用于解决二分类问题,比如某个邮件是否是广告邮件,比如某个评价是否为正向的评价。逻辑回归也可以...

【Python机器学习系列】拟合和回归傻傻分不清?一文带你彻底搞懂

一、拟合和回归的区别拟合...

推荐2个十分好用的pandas数据探索分析神器

作者:俊欣来源:关于数据分析与可视化...

向量数据库:解锁大模型记忆的关键!选型指南+实战案例全解析

本文较长,建议点赞收藏,以免遗失。更多AI大模型应用开发学习视频及资料,尽在...

用Python进行机器学习(11)-主成分分析PCA

我们在机器学习中有时候需要处理很多个参数,但是这些参数有时候彼此之间是有着各种关系的,这个时候我们就会想:是否可以找到一种方式来降低参数的个数呢?这就是今天我们要介绍的主成分分析,英文是Princip...

神经网络基础深度解析:从感知机到反向传播

本文较长,建议点赞收藏,以免遗失。更多AI大模型应用开发学习视频及资料,尽在...

Python实现基于机器学习的RFM模型

CDA数据分析师出品作者:CDALevelⅠ持证人岗位:数据分析师行业:大数据...

取消回复欢迎 发表评论: