EXT js Grid - performance issues
I like the EXT js library very much. First of all, its object-oriented structure. The main complaints are performance.
Faced the problem that when creating a GridEditor with a large number of columns (I have 20 - a business requirement), this whole thing starts to slow down terribly. At what these brakes are observed when loading the page, i.e. when drawing the grid.
Profiling prompted a lot of time to spend on the updateRule (CSS) function. This function changes the styles of elements with a specific class. An autopsy showed that the GridView creates empty css classes for each column, and then changes the width style for all elements that are marked with the empty classes created.
Workaround:
')
I got an improvement in performance when I replaced the standard GridView generateRules method (which generates empty classes) so that it would produce ready-made classes with a predetermined column width, which made it possible to avoid changes in the styles of table elements immediately after its creation.
See groups.google.com/group/en-extjs/files GridView.zip file
Faced the problem that when creating a GridEditor with a large number of columns (I have 20 - a business requirement), this whole thing starts to slow down terribly. At what these brakes are observed when loading the page, i.e. when drawing the grid.
Profiling prompted a lot of time to spend on the updateRule (CSS) function. This function changes the styles of elements with a specific class. An autopsy showed that the GridView creates empty css classes for each column, and then changes the width style for all elements that are marked with the empty classes created.
Workaround:
')
I got an improvement in performance when I replaced the standard GridView generateRules method (which generates empty classes) so that it would produce ready-made classes with a predetermined column width, which made it possible to avoid changes in the styles of table elements immediately after its creation.
See groups.google.com/group/en-extjs/files GridView.zip file
Source: https://habr.com/ru/post/9533/
All Articles