Knockoutjs在Internet Explorer中运行速度极慢

Question

简而言之:我有一个带有KO代码的页面,在谷歌浏览器,Firefox,Safari等中运行得非常酷.但是在Internet Explorer中性能已经消失.我试过IE10,IE11.渲染大约150行需要10到25秒.

详细信息:该页面表示用户的工作队列,其中显示了他们的任务.要求不要在该页面上使用任何分页.该表的每一行至少有十几个变体要显示(链接,按钮,输入,CSS样式,处理用户事件,自定义js插件等).prod上的平均行数为100-200 +.用户可以应用不同的过滤器和排序.

我已经尝试过的事情:

• 减少了计算属性的数量(在可能的情况下更改为pureComputed)

• 减少使用模板的数量,if if和ifnot bindings(根据profiler,他们是最耗时的任务) - 我尽可能使用可见

• 试图使用knockout-fast-foreach自定义绑定(https://github.com/brianmhunt/knockout-fast-foreach)

• 使用IE和Chrome工具分析代码以消除内存泄漏

• 用ko.bindingReport.js(https://gist.github.com/kamranayub/65399fa247a6c182bc65)描述代码

上面指定的方法在Chrome中调整代码(根据ko.bindingReport.js)几乎快两倍.但IE仍然太慢 - 渲染大约10秒.

Chrome:

IE浏览器:

伙计们,有什么想法吗？

Answer 1

您减少了计算的可观察量的数量，但您是否也减少了可观察量的数量？我没有看到很多可编辑字段。页面上未编辑的内容可能不需要是可观察的？这使我的表现提高了很多倍。