• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Render Optimization in ASP.NET Core Gantt Control

This sample demonstrates render optimization in Gantt by minimizing DOM updates during rendering. The sample disables autoCalculateDateScheduling and uses a valid pre-calculated data source so task dates are not recomputed during rendering, improving initial load performance.

DEMO
SOURCE
Data initial load time: 0 sec

This demo measures initial data load time and demonstrates render optimization by disabling autoCalculateDateScheduling and providing a valid (pre-calculated) data source so the Gantt does not recompute task dates during rendering. When combined with virtualization, this reduces DOM updates and improves both initial load and scroll performance.

More information on the Essential® Gantt Chart can be found in this documentation section.


Looking for the full ASP.NET Core Gantt Chart component overview, features, pricing, and documentation? Visit the ASP.NET Core Gantt Chart page.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab