--- title: "Performance Improvements in Blazor Gantt Chart" published_at: "2022-05-31T10:30:32+00:00" modified_at: "2026-06-26T07:47:56+00:00" url: "https://www.syncfusion.com/blogs/post/performance-improvements-in-blazor-gantt-chart" excerpt: "The Syncfusion Gantt Chart component is the most feature-loaded Gantt Chart in the Blazor market. Yet there was ample space for improving its performance for our 2022 Volume 1 release. In this blog, we will see how well the performance..." taxonomy_category: - "Blazor" - "Chart" - "Gantt" - "Web" - "What's new" taxonomy_post_tag: - "Blazor" - "Charts" - "performance" - "Web Development" - "WebAssembly" --- # Performance Improvements in Blazor Gantt Chart [Alan Sangeeth](https://www.syncfusion.com/blogs/author/alans) ![Performance Improvements in Blazor Gantt Chart](https://www.syncfusion.com/blogs/wp-content/uploads/2022/05/Performance-Improvements-in-Blazor-Gantt-Chart.png) The Syncfusion [Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component is the most feature-loaded Gantt Chart in the Blazor market. Yet there was ample space for improving its performance for our [2022 Volume 1](https://www.syncfusion.com/forums/174125/essential-studio-2022-volume-1-main-release-v20-1-0-47-is-available-for-download) release. In this blog, we will see how well the performance has been improved in the Blazor Gantt Chart component. ## Improvements To improve the performance of the Gantt Chart component, we tweaked the component lifecycle and revamped the synchronization of the chart and tree grid parts of the Gantt Chart. We primarily refined the algorithm for data manipulation and operations in our Gantt Chart source code. We handled this carefully, as it contains a complex hierarchical structure, and each piece of data has more dependencies on multiple other pieces of data. We worked hard on these areas and improved performance to around 20 times better than before with virtualization and around three times better without virtualization. Let’s look at this in more detail. ## Performance optimization on initial loading The following tables show the performance metrics of the Blazor Gantt Chart component during initial load with 2,500 and 5,000 records, comparing the 2021 Volume 4 and 2022 Volume 1 release versions. ### With row virtualization: | | 2021 Volume 4 (in seconds) | 2022 Volume 1 (in seconds) | | --- | --- | --- | | Initial load with 2.5K records | ~5.7 | ~0.307 | | Initial load with 5K records | ~23.4 | ~0.724 | ![Performance metrics of Blazor Gantt Chart on initial loading with virtualization](https://www.syncfusion.com/blogs/wp-content/uploads/2022/05/Performance-metrics-of-Blazor-Gantt-Chart-on-initial-loading-with-virtualization.png) ### Without row virtualization: | | 2021 Volume 4 (in seconds) | 2022 Volume 1 (in seconds) | | --- | --- | --- | | Initial load with 2.5K records | ~10.5 | ~4.9 | | Initial load with 5K records | ~35.7 | ~12.4 | ![Performance metrics of Blazor Gantt Chart on initial loading without virtualization](https://www.syncfusion.com/blogs/wp-content/uploads/2022/05/Performance-metrics-of-Blazor-Gantt-Chart-on-initial-loading-without-virtualization.png) **Note**: Metrics were taken in the following machine and application configurations. **Machine**: Processor: i5 @ 2.30 GHz, RAM: 8GB, OS: Windows 11 **Application**: We ran the Blazor server app in the Chrome browser with the component’s script and individual component NuGet [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) referenced at the app-end. Bring Project Timelines into Your Blazor Apps Syncfusion Blazor Gantt Chart helps you organize hierarchical tasks, track schedules, update task details, visualize dependencies, and zoom across project timelines with ease. [Map Blazor Project Timelines](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) ## Performance optimization of interaction features Not only have we improved the initial loading, but the performance of the features, too. CRUD operations, selection, expand/collapse actions, and more have been improved in our latest release. The following performance metrics were taken with 5,000 records and with the row virtualization feature enabled. | For 5,000 records | 2021 Volume 4 (in seconds) | 2022 Volume 1 (in seconds) | | --- | --- | --- | | Expand row | ~0.103 | ~0.082 | | Collapse row | ~0.132 | ~0.048 | | Selection | ~1.26 | ~0.011 | You can still further improve the performance at the app-end by [avoiding unnecessary component rerendering](https://blazor.syncfusion.com/documentation/gantt-chart/webassembly-performance#avoid-unnecessary-component-renders) . **Note**: You can check our [Blazor Gantt Chart demos](https://blazor.syncfusion.com/demos/gantt-chart/default-functionalities) and [documentation](https://blazor.syncfusion.com/documentation/gantt-chart/getting-started) for detailed explanations and the facts you need to proceed further. ## GitHub reference Also, check out the [Syncfusion Blazor Gantt Chart performance metrics GitHub demo](https://github.com/SyncfusionExamples/gantt-chart-performance-metrics-examples-in-blazor-server-app) . ## Conclusion Thanks for reading! Right now, the [Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component can handle a maximum of 60 thousand records in the Blazor Server application. We won’t stop here in improving the Gantt Chart’s performance. We will give our best effort to further enhance its performance in the near future. Give it a try now and leave your feedback in the comments section below! If you would like to try Syncfusion components, you can download our [free trial](https://www.syncfusion.com/downloads/blazor/confirm) . If you have questions, you can also contact us through our [support forums](https://www.syncfusion.com/forums) , [support portal](https://support.syncfusion.com/) , or [feedback portal](https://www.syncfusion.com/feedback/) . We are always happy to assist you! ## Related blogs - [Create Blazor CRUD Application with PostgreSQL and Dapper](https://www.syncfusion.com/blogs/post/create-blazor-crud-application-with-postgresql-and-dapper.aspx) - [Introducing the New Blazor Carousel Component](https://www.syncfusion.com/blogs/post/introducing-the-new-blazor-carousel-component.aspx) - [What’s New in Blazor Charts: 2022 Volume 1](https://www.syncfusion.com/blogs/post/whats-new-in-blazor-charts-2022-volume-1.aspx) - [What’s New in 2022 Volume 1: Blazor](https://www.syncfusion.com/blogs/post/whats-new-in-2022-volume-1-blazor.aspx)