SpreadJS V17 删除行性能问题

Wilson.Zhang · Wilson.Zhang

薪税发表于 2024-9-4 18:41
Demo请见附件，数据只模拟了其中几行，您可以复制扩展到 4w 行左右

收到demo，我们需要一些时间来分析，请您耐心等候！

Wilson.Zhang · Wilson.Zhang

您好！我们走读并运行了您提供的代码，测试了下，发现：
1. 在无挂起绘制、挂起事件、挂起计算的情况下，删除单行数据耗时约70-80ms，如下图所示：
删除单行约70-80ms.png63989562.png

2. 在加上挂起/恢复绘制、挂起/恢复事件、挂起/恢复计算的情况下，删除单行数据耗时约50-60ms，如下图所示：
开启优化后删除单行约50-60ms.png969999084.png

就这个耗时数据而言，不太影响性能的吧，即便删除多行不连续的数据，也没有出现过您图示中千毫秒级的删除单行数据耗时情况，这当然也和机器CPU的性能有关。

薪税 · 薪税

Wilson.Zhang 发表于 2024-9-6 16:48
您好！我们走读并运行了您提供的代码，测试了下，发现：
1. 在无挂起绘制、挂起事件、挂起计算的情况下， ...

看您Demo图片，总数据4条，在数据量较少时，我们本地服务删除也不存在性能问题；但是在大数据量时，存在问题；您可以将数据扩展到 4万行后，再验证删除；

Wilson.Zhang · Wilson.Zhang

薪税发表于 2024-9-9 10:50
看您Demo图片，总数据4条，在数据量较少时，我们本地服务删除也不存在性能问题；但是在大数据量时，存在 ...

正在尝试，我们会及时向您同步结论。

薪税 · 薪税

本帖最后由薪税于 2024-9-11 12:00 编辑

Wilson.Zhang 发表于 2024-9-9 12:27
正在尝试，我们会及时向您同步结论。

您好，有相关的解决方案么

另外，补充个信息，经多次验证发现，大数量下，当存在大量公式计算错误的情况下，删除速度极其慢，不存在公式计算错误的情况下，删除性能尚可；

Wilson.Zhang · Wilson.Zhang

薪税发表于 2024-9-11 11:04
您好，有相关的解决方案么

另外，补充个信息，经多次验证发现，大数量下，当存在大量公式计算错误的情 ...

您好！还在调研中，请耐心等待下。

Wilson.Zhang · Wilson.Zhang

本帖最后由 Wilson.Zhang 于 2024-9-18 11:00 编辑

您好！您在代码中将spread设置为了响应式对象，在vue3中将被包装为代理，导致操作性能受损。您可以使用toRaw()将其还原为原始对象，或者使用markRaw声明全局spread实例。如下图所示，我们在您代码中使用toRaw()还原spread对象：
1726305961666.png158252257.png

附件demo即修改后的代码文件，您可以试运行观察删除时间。如下动图所示是我们的测验实录，您可以从图中右侧的控制台看到删除单行数据、多行数据的耗时均不足1秒，较之前提升了10倍左右：
删除性能优化.gif

薪税 · 薪税

Wilson.Zhang 发表于 2024-9-14 17:30
您好！您在代码中将spread设置为了响应式对象，在vue3中将被包装为代理，导致操作性能受损。您可以使用toRa ...

我们没有使用 vue3，使用的是 vue2，没有这个方法

薪税 · 薪税

Wilson.Zhang 发表于 2024-9-18 11:42
您好！影响性能的关键不在于使用了vue2还是vue3框架，而是您将spread挂载在vue框架上，令其成为了反应式 ...

经实际验证，相较之前有较小性能提升；

但是都存在相同的问题，删除较靠后的行时，较快，基本1s左右；但删除序号较靠前的行时，非常耗时，4w数据，删除1行得在50s ~ 1min 之间，您那儿是否存在相似问题呢？

Wilson.Zhang · Wilson.Zhang

薪税发表于 2024-9-18 17:02
经实际验证，相较之前有较小性能提升；

但是都存在相同的问题，删除较靠后的行时，较快，基本1s左右 ...

我们使用了在18楼给您提供的优化方案，如在18楼上提供的动图所示，删除了第一行数据行，耗时1s左右，未曾出现50s~1min之间的耗时。我们也在调研vue2中的优化方案。鉴于在vue3的调优效果更突出更好，您是否考虑使用vue3呢？

		自动登录	找回密码
密码			立即注册

[已处理] SpreadJS V17 删除行性能问题