Angularjs 如何使用角材料改善IE11性能？

我正在从事一个角度项目，其中我使用了角度材质组件（主要是md按钮）。该应用程序显示各种瓷砖，其中每一个都是md按钮。一次最多可能有20-30个磁贴。这些磁贴使用

ng repeat

重复

该应用程序在Chrome上运行良好，但在IE11上，我经常面临渲染问题。渲染大约需要5-6秒。切换瓷砖显示效果不佳。滚动屏幕会导致部件粘住，然后在1秒后移动

也许我猜棱角材料对IE11来说太重了。由于IE11是我的主要目标浏览器，我能做些什么来加快它的速度吗

我试过：

更新角度库

使用MS052补丁

从角度材质css中删除少量过渡

以上这些似乎都没有多大影响

---

我认为Angular material是一个很好的库，必须要做一些事情来改进它在IE11中的工作。有人能提出一些有效的建议吗？

我们也在进行angular项目，我们在使用Internet Explorer 11时面临性能问题

我在github上发现了这个bug，它帮助了我：

解决方案： 在上一个版本0.11.1中，他们处理Internet Explorer的布局显示问题，因此我刚刚将angular material更新为v0.11.1，并将这一行添加到我的angular config JavaScript文件中：

$provide.constant('$MD_THEME_CSS', '/**/');

---

Internet Explorer 11的性能有所提高。

我发现在IIFEs中包装我的所有js并在适当的地方添加“use strict；”大大提高了我的Angular Material应用程序的性能。它仍然比IE上的Chrome慢，但性能不可接受。

问题在于CSS

使用干净的css NPM模块使IE兼容css 在runkit.com中运行下面的代码并获得IE优化CSS 有关更多信息，请参阅clean css的兼容性选项

var request = require("request")
CleanCSS = require("clean-css-pre-2.1.0")

var url = "https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.1/angular-material.min.css"

request({
    url: url,
}, function (error, response, body) {

    if (!error && response.statusCode === 200) {
        var source = body;
        var minimized = new CleanCSS({compatibility : '*'}).minify(source);
        console.log(minimized)
    }
})