IE"风格计算"在AngularJS应用程序中的表现非常慢

Question

我有一个使用Angular Material的AngularJS应用程序和从外部API加载的数据.

这个应用程序并没有什么特别突破性的,我的所有测试在Chrome,Firefox和Safari中都运行得非常好.

但是,当我使用Internet Explorer时,一切都会破裂.该应用程序非常慢,CSS动画是痛苦的滞后,应用程序完全无法使用.

我花了一天时间尝试了一些潜在的错误修正和调试,但我想成为王牌.

我能看到的东西:

• 当我使用IE11的开发人员工具并运行性能日志时,"样式计算"占用了大部分时间.
• 当我有通配符CSS选择器性能较慢(如*{box-sizing: border-box})

这是性能检查器的输出,我只需向下滚动一个md-virtual-repeat:

正如你所看到的,style calculation这里占用了大量的时间.

谷歌搜索已经取得了成功的解决方案.这里发生了什么？这是一个红色的鲱鱼,问题是我的应用程序中的其他地方(我的JS就像我想到的那样高效,而且我还测试了加载没有真正的数据,只有30个静态对象进入虚拟转发器 - 和结果是​​一样的).

Answer 1

正如 @ngDeveloper 在评论中指出的，解决方案是升级 ngMaterial。我遇到了这个问题，是positionElements 给我带来了问题。