DataTables render very slowly

DataTables render very slowly

legendslegends Posts: 16Questions: 5Answers: 0

Scenario:
Sample taken from the datatable.net example section whose markup has about 70 rows, so not pretty much.

Issue:
Desktop: It takes up to two seconds, from the time the initial table is seen and until it is fully rendered.
On mobile: It can take up to 8 seconds until the table is rendered, but usually takes 6s. During this time I cannot do anything on the page, the ui is frozen.

What could this be? This only happens on the datatable page nowhere else.
I found a 5 year old question on SO which describes the issue:
stackoverflow.com/q/7630780/2581562

2 seconds on desktop is already unacceptable, but 8 seconds is ....

So there is no ajax or whatever involved, the data is static HTML.

Answers

  • tangerinetangerine Posts: 3,365Questions: 39Answers: 395

    Sample taken from the datatable.net example section....

    Which example? Are you saying that the example in here "takes up to two seconds"?

  • legendslegends Posts: 16Questions: 5Answers: 0
    edited February 2017

    I use the examples from your site, so no big data involved.

    When I enable responsive= true, it takes up to 4 times longer then responsive=false !

    See this comaparison I made within chrome:

    Not responsive:

    Responsive:

    As you can see,rendering time increases by a factor of 3-4 for each of the 5 tables.

  • allanallan Posts: 63,850Questions: 1Answers: 10,519 Site admin

    Could you link to a page showing the issue please? 1.8 seconds is a really long time! Obviously including Responsive in a table will increase the processing time since it needs to perform a lot more DOM calculations which are of course seriously slow, but 1.8 seconds is very slow.

    Allan

This discussion has been closed.