Question

我正在开发一个Angular项目，其中我使用了Angular Material组件（主要是md-Buttons）。该应用程序显示了各种瓷砖，每个瓷砖都是md-Button。一次我最多可能有20到30个瓷砖。使用ng-repeat重复这些图块。

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

可能我认为Angular Material对于IE11来说太重了。我可以采取哪些措施加快IE11的速度，因为这是我的主要目标浏览器吗？

我试过了：

上述情况似乎都没有太大影响。

我认为Angular材料是一个很好的库，必须有一些东西可以用来改进它在IE11中的工作。请有人建议有效的方法吗？

Answer 1

我们也正致力于角度项目，我们正面临着Internet Explorer 11的性能问题。

我在github上发现这个错误帮助了我： https://github.com/angular/material/issues/1771

解决方案：在最后一个版本0.11.1中，他们处理了Internet Explorer的布局显示问题，所以我刚刚将角度材料更新到v0.11.1并将此行添加到我的angular config JavaScript文件中：

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

Internet Explorer 11的性能得到了改善。

Answer 2

我发现在IIFE中包装我的所有j并添加“use strict;”在任何地方都适当地改善了我的Angular Material应用程序的性能。它在IE上仍然比Chrome慢，但性能是不可接受的。

Answer 3

问题在于CSS。

使用clean-css NPM模块制作IE兼容的CSS 在runkit.com中运行以下代码并获得IE优化CSS 有关详细信息，请参阅clean-css的兼容性选项

spring-data-oauth