As we have screens with multiple grids which had a loading time of 20 seconds (P4-2.4ghz)
*eleminate calls to updaterule (updaterule is evil )
-update updaterule to not change the value if the value is already present and the same
-in the grid do not generaterules for the columns if the rules are present
-precalc the column width rules and insert them in the stylesheet before creating the grid (first step on init, only possible if you know what you're going to create)
-change the unhideColumn and hideColumn to use generated ID's instead of updaterule (the updaterule calls in this function can take upto 1 second per grid, now it's less than 100ms)
*update addstyles to get the currentStyle or getComputedStyle and do not call getstyle
These optimalisations gave us a new loading time of 9 seconds.
One thing that is bugging us right now is a getWidth on a div with the x-layout-container class which takes 140-240ms (time is in the offsetWidth call) , unfortunately this is called a few times from the ext framework, so this really adds up. Any idea's ?