Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature]: 节点数较多时, 页面性能较差,卡顿明显, 操作过程中FPS从160降到10以下 #1795

Open
szjSmiling opened this issue Aug 21, 2024 · 3 comments
Assignees

Comments

@szjSmiling
Copy link

szjSmiling commented Aug 21, 2024

背景&目的

希望可以有优化的地方,当节点过多时依旧可以流畅操作,减少卡顿
场景:画图 + 连线 + 每个节点属性配置(位置、大小、自定义properties,文本等)
卡顿:100% 移动都卡顿,缩放也会卡顿, 已开启 partial
元素数量:1000 + 连线 200
电脑:谷歌浏览器,windows64 位操作系统, 16.0 GB,12th Gen Intel(R) Core(TM) i7-12700H 2.70 GHz
节点数:300 + 50连线时,移动不卡顿,移动时 FPS > 30F

@FanSun521 FanSun521 self-assigned this Aug 21, 2024
@FanSun521
Copy link
Collaborator

issues可以描述的更清晰一些:

  • 什么场景遇到卡顿:移动画布 or 移动元素 or 缩放画布,帧率是多少
  • 元素数量:画布上有多少元素
  • 电脑设备:什么浏览器,操作系统运行内存....
  • 能给出demo更好了

@boyongjiong
Copy link
Collaborator

辛苦提供下你那边场景下的 demo 我们看一下具体表现。

目前我们测试的数据,非常复杂的表单也可以承载较多的节点内容 且 体验能接受(>30FPS)
最后主要还是 DOM 节点数量的限制,超过多少时某种操作 可能会有 卡顿情况,但这个是无法避免的。如果需要,可以开启 partial 尝试局部渲染

@szjSmiling
Copy link
Author

已更新描述信息, DEMO 最近我上传一个

@FanSun521 FanSun521 reopened this Aug 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants