qiankun 接入qiankun 框架后,卡顿现象凸显的问题

现状

微应用独立运行时，有轻微卡顿现象
引入qiankun 框架后，卡顿现象明显，性能问题凸显

最小复现仓库

qiankun-better 问题demo

复现步骤

访问项目

在qiankun 框架内访问卡顿页面： http://localhost:8080/#/data
独立访问微应用卡顿页面：http://localhost:8082/#/data

操作步骤

点击表头　“操作”　列，弹出复选框，控制表格列的动态显示

卡顿表现

独立访问微应用，表格列的显示过程有轻微卡顿
qiankun 框架访问, 表格列的显示过程卡顿明显, 延迟时间长 ** (1. 直观操作感觉, 2 .通过 devtools performence 性能分析, summary 统计时长得出的)**

环境

qiankun Version: 2.3.5 及以上
Platform Version: nodejs 环境 10.13.0 (nodejs 版本在 8.11 以上即可)
Browser Version: chrome 88 ( 对chrome 版本没要求, 常用版本即可)

Mar 13 '21 04:03 matteao03

同样遇到了这个问题，首先是沙盒模式带来的性能问题，代理了window上的vue，可以先通过关闭sandbox来提高一部分然后同样是vue，发现子服务单独运行和基座服务里运行是，render的节点数不一致，怀疑是vuediff算法因为qiankun的一些影响失效的原因，每次都是全量渲染这部分的内容还没找到原因，希望有人能帮忙一下

Mar 15 '21 01:03 ac51300696

我这也发现一个问题，沙箱模式，切换子应用，虽然销毁了vue实例，但是内存不断在增加，每切换一次就增加一次，暂时没找到解决方案

Mar 19 '21 09:03 fsyldn

同遇到这个问题

May 11 '21 03:05 Liaozzzzzz

同遇到这个问题

May 14 '21 10:05 lucaslz2020

同样问题

Jun 02 '21 04:06 canyuegongzi

请问如何解决卡顿问题无语。。。。

我用的是 antd 的tab 每个tab 显示的内容对应路由

切换的时候调用了 app.unmount() 方法

导致会卡5-10秒的样子

不调用app.unmount() 就不卡

但是不调用app.unmount() 会导致加载的应用重复调用应用中页面的api

Jun 23 '21 05:06 jiangyh1024

请问如何解决卡顿问题无语。。。。

我用的是 antd 的tab 每个tab 显示的内容对应路由

切换的时候调用了 app.unmount() 方法

导致会卡5-10秒的样子

不调用app.unmount() 就不卡

但是不调用app.unmount() 会导致加载的应用重复调用应用中页面的api

关于tab可以缓存实例的，有类似的问题。

Jun 24 '21 03:06 canyuegongzi

同样问题独立运行正常子系统下切换动画路由,都会明显慢一拍