Knockoutjs is very slow in Internet Explorer

Question

In short . I have a page with KO code that works absolutely great in Google Chrome, Firefox, Safari, etc. But the performance is gone in Internet Explorer. I tried IE10, IE11. It takes 10 to 25 seconds to display about 150 lines.

Details This page provides a work queue for users where their tasks are shown. Requirement not to use any paging on this page. Each row of the table contains at least a dozen display options (links, buttons, inputs, CSS styles, handling custom events, custom js plugins, etc.). The average number of lines in prod is 100-200 +. The user can apply various filters and sortings.

Things I've already tried :

• reduced number of computed properties (if possible, replaced by pureComputed)

• reduced use of the template, if and ifnot bindings (according to the profiler they are the most time-consuming task) - I use visible, where possible

• tried using custom knockout-fast-foreach binding ( https://github.com/brianmhunt/knockout-fast-foreach )

• profiled code using IE and Chrome tools to fix memory leaks

• profiled code using ko.bindingReport.js ( https://gist.github.com/kamranayub/65399fa247a6c182bc65 )

The approaches mentioned above tuned the code (according to ko.bindingReport.js ) almost twice as fast in Chrome. But IE is still too slow - about 10 seconds to render.

Chrome :

Internet Explorer:

People, any ideas?

Answer 1

"Table joins provide a quick way to display data tables using the Knockout command. A table is about ten times faster than nested foreach bindings."

It states that it will be 10 times faster. https://github.com/mbest/knockout-table

Answer 2

Have you reduced the number of observed observables, but have you also reduced the number of observables? I do not see any editable fields. Those that are not being edited on the page should probably not be noticeable? This greatly accelerated my work.