jQuery Grid Plugin - jqGridForum

Topic RSS

improving performance of loading local data in jqGrid

31/08/2014
10:06

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hello Tony,

during writing the answerÂ on theÂ stackoverflow I found out that the line

var p = $.extend(true,{
    // there are here different default values of jqGrid parameters
}, $.jgrid.defaults, pin ||{});

of jqGrid code is the bottleneck during loading of large number of local data. The demo demonstrates the problem. It creates jqGrid with 90,000 rows of data entered directly using data: gridData input parameter. If one don't specify sortname input parameter then jqGrid displays unsorted data.

The problem is that deep version (with true as the first parameter) of $.extend works very slowly with arrays. Especially slowly works $.extend in Internet Explorer. To improve performance one can either use non-deep $.extend (but one can have some compatibility issues) or just temporary remove data parameter from the list of input parameters and include it back after the call of $.extend:

var localData;
if (pin != null && pin.data !== undefined) {
    localData = pin.data;
    pin.data = [];
}
var p = $.extend(true,{
    // there are here different default values of jqGrid parameters
}, $.jgrid.defaults, pin ||{});
if (localData !== undefined) {
    p.data = localData;
}

The demoÂ uses jqGrid code fixed in the described above wayÂ and it works much quickly especially in Internet Explorer. I suggest to fix the main code of jqGrid in the way. I didn't posted the above changes as new pull request only because there are exist another pending pullÂ request which I posted before.

Best regards
Oleg

08/09/2014
11:12

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello Oleg,

Thanks for this investigation and examples (as usual Smile )

I think that this is rather problem of jqQuery and not of jqGrid.

I'm following the philosophy, that the problems should be resolved at its origin.

I have tested your both examples (slow and fast ) in IE11 and have a impression that there is no diffrenece.

Do you have any measurements? I will try measure both examplesÂ and see if there are a big difference I will accept eventually this request.

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

08/09/2014
14:51

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

I modified the demo: theÂ originalÂ and "the improved". Different web browsers shows different time, for example

IE11: original aboutÂ 830, improved about 160,Â

IE10: original about 600, improved about 120,

ChromeÂ 37.0.2062.103: original aboutÂ 1050, improved about 130

In all tests the "improved" version worked noticeably quickly.

About your commentÂ rather the problem is jQuery problem or jqGrid problem. I see the problem so. If jqGrid are used with data input parameter it's not really required to make deep copy of it. My demos shows, that making deep copy of a array parameter could take relatively many time. The only parameter which can be really large isÂ dataÂ parameter. If jqGrid will don't use it inÂ $.extend(true,{...}) then the code could be just more quickly. So I see the suggested change as performance optimization in jqGrid and not as workaround of some jQuery bug.Â One can suggest a lot of optimizations in jqGrid code, but the most from there will improve performance in less then 0,1%. What I suggest can improve loading of large grid in multiple times just by removing some operation (deep copy of dataÂ parameter) which are not really required for jqGrid.

Best regards
Oleg

P.S. I posted the pull requestÂ with the suggestions.

13/09/2014
12:29

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello Oleg,

I have performed my tests and would say - incredible improvement.

My tests actually are measuring only the extend in order to isolate the fix.

You know that I'm very sensitive when we speak about performance.

Just to tell you - with your data in FireFox (only extend)

Original 7650Â - improved - 1.

Since I can not believed on this I have made this several time with diffrent data, but the result was the same.

BIG THANKS.

Best Regards

Tony

P.S. Just merged the request.

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
38 Guest(s)

Currently Browsing this Page:
1 Guest(s)