The initialization process of the grid is slower if a large amount of data is displayed. You can reduce the page length to speed up the process by using the following options:
Setting paging and sorting: Use Ajax calls instead of full post backs to implement paging and sorting.
Virtualization: Grid supports virtual scrolling for both rows and columns. You can set the VirtualizationSettings property to row, column or both. This results in faster grid rendering and better performance. You can also refer to Row Virtual Scrolling and Column Virtual Scrolling samples.
Modify Scroll Settings: When your grid is in the scroll mode, remove fixed columns and rows to enter a "light" scrolling mode, which works much faster.
Use EnableConditionalDependencies: Set the EnableConditionalDependencies property to True. This property reduces the number of resource files required to be registered at the time of page load. By default, the property is set to False.
EnableConditionalDependencies adds only those resource files (.js and .css) to the page that are required for a specific operation. A property, on which registration of a resource depends, is called controlling property.
These controlling properties, including AllowPaging, ScrollingSettings, AllowC1InputEditors and ShowFilter, depend on different resources. For example, if you don't want to use paging in your grid, the resource files related to AllowPaging do not get registered on pageload, resulting in optimized browser payload and faster rendering.
