Example of Render Optimization in Javascript Gantt Chart

/
/
Render Optimization

This sample demonstrates render optimization in Gantt by minimizing DOM updates during rendering.

More Details...

Data initial load time: 0 sec
Description

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. When combined with virtualization, this reduces DOM updates and improves both initial load and scroll performance. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use virtual scroll and selection features, inject the VirtualScroll and Selection modules using the Gantt.Inject(VirtualScroll) and Gantt.Inject(Selection)methods. More information on the Essential® JS2 Gantt Chart can be found in this documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.