ExtJS 3.2 Grid and jQGrid performance

ExtJS Grid and jQGrid are really nice to have kind of UI components. Based on the preference of ExtJS or jQuery framework one can choose which one to use. As I was assigned a task of improving performance of existing web application created in ExtJS 3.2, I got to evaluate grids in ExtJS and jQuery.

To evaluate ExtJS and jQuery grids and their performance, I created separate projects for them. And of course I am using server side pagination. No server side caching, client side caching for this evaluation. 

ExtJS performance 

Data Set	Page Size	Initial Load	Avg Next	Avg Prev	Avg Last	Avg First
853	100	1.06 s	100 ms	90 ms	30 ms	30 ms
853	200	1 s	250 ms	200 ms	250 ms	250 ms
853	500	1.48 s	350 ms	350 ms	250 ms	250 ms
853	800	976ms	350 ms	350 ms	400 ms	500 ms

jQuery performance 

Data Set	Page Size	Initial Load	Avg Next	Avg Prev	Avg Last	Avg First
853	100	200 ms	50 ms	50 ms	40 ms	40 ms
853	200	3 s	150 ms	130 ms	150 ms	150 ms
853	500	913 ms	200 ms	200 ms	250 ms	250 ms
853	800	938 ms	200 ms	200 ms	40 ms	100 ms

So, with my tests I found jQuery little faster compared to ExtJS. There could be n-number of reasons for this. 

Summary: 

Finally for the shake of maintainability of existing code base, I have chosen ExtJS over jQuery. However I have also experimented plugging in jQGrid in place of ExtJS Grid and that too worked for me. Initially I was not sure whether both can work together or not but they did.