v5/v6 版本滚动性能下降明显

[lijinke666]

问题描述

S2 1.x 平均滚动帧率接近 60 fps

"@antv/g-canvas": "^0.5.12"

S2 2.x 平均滚动帧率只有 20+ fps, long task 很多, 且滚动一段时间后会出现 G 内部的堆栈溢出 (初步看起来应该不是 S2 导致的): antvis/S2#2771

"@antv/g": "^6.0.6",
"@antv/g-canvas": "^2.0.7",
"@antv/g-lite": "^2.0.5"

滚动相关的代码如下, 和 1.x 基本一致:

https://github.com/antvis/S2/blob/f8e00e535ceae093ef34e7de6cfe4a8cfc05f985/packages/s2-core/src/facet/base-facet.ts#L1331-L1433

G 这里没看到有 cancelRequestFrame 的操作, 不太懂这块实现, 且不管有没有滚动 (appendChild), 一直在执行 (看回复是脏检查 #1626 ? )

复现链接和步骤

https://s2.antv.antgroup.com/examples/case/performance-compare/#pivot

使用触摸板 水平/垂直滚动 10s 左右即可复现

期望

希望高优处理下

1. 滚动帧率不要太低, 感到肉眼卡顿
2. 解决频繁滚动后导致堆栈溢出的问题 (对于 G 来说应该就是频繁添加 大量 group 后, 再大量移除 group).

[lijinke666]

请问有没有什么进展或结论

[db-shuai]

什么时候能修复啊 ！！！！！

[EthanLiBin]

同问，有没有进展？

[easy1958]

+10086，有没有进展？

[DavisYao88]

没进展了吗？维护的大佬隐居了嘛

[db-shuai]

请问有没有什么进展或结论呢？ 可以先回复一下么？或者有什么计划么？

[wang1212]

性能优化是关注的重点，但是短期内应该暂时解决不了，如果有更多技术细节可以持续反馈，会一直关注的

[CrabSAMA]

性能优化是关注的重点，但是短期内应该暂时解决不了，如果有更多技术细节可以持续反馈，会一直关注的

@wang1212 这块能提供一些问题可能发生的方向吗？是因为什么短期内解决不了呢？如果有可能的话看看能不能说一下，让社区的同学们一起尝试解决下。

[yyds-18]

我也复现了该问题，但是设置enableCulling: false,就可以避免Maximum的问题，性能上依然存在下降
"@antv/g": "^5.18.25",
"@antv/g-canvas": "^1.11.27",
"@antv/g-components": "^1.9.22",

[yukre]

有没有办法临时解决，目前我也遇到了。报错一样的

"@antv/event-emitter": "^0.1.3",
"@antv/g": "^6.0.12",
"@antv/g-canvas": "^2.0.10",
"@antv/g-lite": "^2.0.8",

[wang1212]

有没有办法临时解决，目前我也遇到了。报错一样的

"@antv/event-emitter": "^0.1.3", "@antv/g": "^6.0.12", "@antv/g-canvas": "^2.0.10", "@antv/g-lite": "^2.0.8",

试试升级下 G 相关包的版本

[wang1212]

目前，根据性能数据分析，在 G 的核心渲染流程中，对象的渲染为串行独立渲染，会频繁触发 context.save()/context.restore()，并且每一个对象的渲染都会执行 context.fill()/context.stroke()，在数据量级比较大时，对性能产生的明显的影响（每帧耗时增加 ~40%），正在进行针对性的优化