IE 11 and Microsoft Edge browser slow rendering

rathore_gee

Dear All,
we have 40k records coming, recored arriave from server in 2 secs, on chrome it takes 2 sec to renders but ie11 and edge takes 5secs for rendering
opera,mozila, chrome:4secs total
ie/edge:7.10secs total

the config :
destroy: true,
searching: true,
bLengthChange: false,
bPaginate: true,
bInfo: true,
scrollX: false,
responsive: true,
multipleSelection: false,
processing: false,
pageLength: 100,
deferRender: true,
orderClasses: false,
pagingType: "simple_numbers",
initComplete: function (settings, json) {
self.IsLoading = false;
},
ajax: {
"url": url,
"type": "GET",
"dataSrc": function (json) {

                    return json.Data;
                }
            },

any advise?

thanks in advance.

cheers,

glenderson

What version if dataTables are you using? If you are using older than 1.10.9, there was a select by css issue that impacted performance if you loaded some of the extensions that used css for selection even if you didn't use the extension and if you buried the table deep in the DOM.

I used to revert some of the extensions until Allan updated the nightly build and the change is in 1.10.9 and later.

rathore_gee

DataTables 1.10.9

thanks,

glenderson

Wait, I'm wrong. It was in 1.10.9 and fixed in 1.10.10.

It was the autofill extension causing the problem.

That needs to be at 2.1.0 or later.

rathore_gee

can u explain more?
what i understand i need to asap upgrade to latest DataTables 1.10.10.
it will resolve the problem.

rathore_gee

do u think ? these renders are causing more delay? can u advise a better approach,THX

        {
                    targets: 0, searchable: true, sortable: false,
                    render: function (data, type, row) {
                        return AList[data];
                    }
                },
                {
                    targets: 1, searchable: true, sortable: false,
                    render: function (data, type, row) {
                        return BList[data];
                    }
                },
                {
                    targets: 2, searchable: true, sortable: false,
                    render: function (data, type, row) {
                        if (data < 0)
                            return '<i class="fa fa-info-circle text-info" title="Ad hoc WORK"></i> ' + CList[data];
                        else
                            return CList[data];
                    }
                },

glenderson

If you've downloaded dataTables via the build with autofill included as a single file or it's in your script list, then yes, you are most likely impacted.

Even if you didn't turn autofill on you are impacted.

If you see autofill 2.0.0 in your header of .js files or you see af-2.0.0 as an option for your datatables, then it needs to be changed to 2.1.0, and might require replacement of the autofill file in your extensions folder if you are not using cdn.

rathore_gee

ok try and confirm u

glenderson

Here's a link to my initial reporting of the issue I found using it on IE11.

http://datatables.net/forums/discussion/30198/performace-issue-with-autofill-version-2-0-0-vs-1-2-1-on-ie11#latest

rathore_gee

i conform u no difference
still 7 secs
chrome 4 secs

do u have email i can send u javascript code

thanks

allan

You'd need to post a link to the page so it can be profiled and checked.

Allan

rathore_gee

Allan,
can i email you client side code?
inc. Js,Html and JSON

rathore_gee

ok allan have a look into console, logging is there

http://galaxyexecutive.co.uk/k/1.html

3 secs for chorme rendering
7 secs for ie rendering

allan

Took 1 second in Chrome and 4 in IE for me. It is creating 480k data points - so that is going to take a finite amount of time. It looks like if you use an array for the data rather than objects, it might be faster, but I'm not sure how much.

There isn't any obvious low hanging fruit that can be tweaked in order to make it faster in IE.

Allan

rathore_gee

Thanks Allan,
i will try put our external link of our project using array. still issues are there!