8000 Performance issue · Issue #486 · frappe/gantt · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Performance issue #486

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.

Sign up for GitHub

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

Jump to bottom
Open
ajaybabum opened this issue Jan 7, 2025 · 4 comments
Open

Performance issue #486

ajaybabum opened this issue Jan 7, 2025 · 4 comments

Comments

@ajaybabum
Copy link

as per my requirement I have to display 5k+ records in the gantt chart, to load the 5k+ records it is taking 5 - 6 seconds which is not good and sometimes it is hang 8000 ing and asking to kill or wait, can we have the pagination or any other approach to fix this performance issue
@safwansamsudeen safwansamsudeen mentioned this issue Jan 8, 2025
Open
@Waishnav
Copy link
Waishnav commented Feb 3, 2025 •
edited
Loading

@ajaybabum You might want to implement virtualization for rendering large datasets in the Gantt chart until Frappe Gantt internally adopts this technique.
+
Basically virtualization improves performance by rendering only the records visible within the viewport rather than all 5k+ records at once. As the user scrolls, new records are rendered dynamically while older ones outside the viewport are removed. This significantly reduces memory usage and prevents browser crashes caused by excessive DOM elements.

This approach should help resolve the issue where loading 5k+ records takes 5–6 seconds and sometimes causes the page to freeze or prompt a "Kill or Wait" message.

@sirkev
Copy link
sirkev commented Apr 4, 2025

@ajaybabum You might want to implement virtualization for rendering large datasets in the Gantt chart until Frappe Gantt internally adopts this technique. + Basically virtualization improves performance by rendering only the records visible within the viewport rather than all 5k+ records at once. As the user scrolls, new records are rendered dynamically while older ones outside the viewport are removed. This significantly reduces memory usage and prevents browser crashes caused by excessive DOM elements.

This approach should help resolve the issue where loading 5k+ records takes 5–6 seconds and sometimes causes the page to freeze or prompt a "Kill or Wait" message.

Do you mean lazy loading/ pagination...if not how does "virtualization" differ?

@Waishnav
Copy link
Waishnav commented Apr 4, 2025 •
edited
Loading

@sirkev Here is short video to understand virtualization:
https://x.com/aidenybai/status/1879585589999116522

@safwansamsudeen
Copy link
Collaborator

I'd be happy to review a PR that implements this - however, Gantt is not being actively improved right now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@ajaybabum @sirkev @safwansamsudeen @Waishnav
0