Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (157).NET Core  (28).NET MAUI  (36)Angular  (65)ASP.NET  (48)ASP.NET Core  (74)ASP.NET MVC  (88)Azure  (31)Blazor  (134)DocIO  (22)Essential JS 2  (76)Essential Studio  (169)File Formats  (25)Flutter  (121)JavaScript  (167)Microsoft  (109)PDF  (64)React  (48)Succinctly series  (126)Syncfusion  (552)TypeScript  (30)Uno Platform  (3)UWP  (4)Vue  (34)Webinar  (30)Windows Forms  (57)WinUI  (40)WPF  (131)Xamarin  (148)XlsIO  (25)Other CategoriesBarcode  (5)BI  (29)Bold BI  (4)Build conference  (6)Business intelligence  (53)Button  (4)C#  (115)Chart  (56)Cloud  (11)Company  (445)Dashboard  (7)Data Science  (3)Data Validation  (6)DataGrid  (53)Development  (335)Doc  (7)DockingManager  (1)eBook  (95)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (22)Extensions  (17)File Manager  (4)Gantt  (11)Gauge  (9)Git  (4)Grid  (27)HTML  (9)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (277)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (28)Performance  (9)PHP  (1)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (7)Road Map  (10)Scheduler  (34)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (21)Solution Services  (2)Spreadsheet  (11)SQL  (8)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (11)Tips and Tricks  (88)UI  (190)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (1)Visual Studio  (23)Visual Studio Code  (14)Web  (304)What's new  (179)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Share on twitter
Share on facebook
Share on linkedin
Performance Improvements in Blazor Gantt Chart

Performance Improvements in Blazor Gantt Chart

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 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

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

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 referenced at the app-end.

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 records2021 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.

Note: You can check our Blazor Gantt Chart demos and documentation 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.

Conclusion

Thanks for reading! Right now, the 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.

If you have questions, you can also contact us through our support forumssupport portal, or feedback portal. We are always happy to assist you!

Related blogs

Tags:

Share this post:

Share on twitter
Share on facebook
Share on linkedin
Popular Now

Be the first to get updates

Subscribe RSS feed
Scroll To Top