有角材料能改善IE11的性能吗？
我正在从事一个角度项目，其中我使用了角材料组件(主要是md-按钮)。该应用程序显示各种瓷砖，其中每个都是md。一次我可能会有20-30块瓷砖。使用ng-repeat重复这些块。
这个应用程序在Chrome上运行得很好，但是在IE11上，我经常面临渲染问题。渲染大约需要5-6秒。移动瓷砖的显示效果很差。滚动屏幕导致组件粘在一起，然后在1秒后移动。
也许我猜角材料对IE11来说太重了。由于这是我的主要目标浏览器，我能做些什么来加快IE11上的速度吗？
我试过：
- 更新角库。
- 使用MS052补丁
- 从角材料css中移除少量的过渡。
上述任何一项似乎都没有多大效果。
我认为角材料是一个很好的库，必须做一些事情来改进它在IE11中的工作。有人能提出一些有效的建议吗？
回答 3
Stack Overflow用户
发布于 2015-09-28 19:40:30
我们还在致力于角度项目，我们正面临性能问题的Internet 11。
我在github上发现了一个bug，它帮助了我：https://github.com/angular/material/issues/1771
解决方案:在上一个版本0.11.1中，他们处理Internet的布局显示问题，所以我只是更新到了角材料，将这一行添加到了我的JavaScript文件中：
$provide.constant('$MD_THEME_CSS', '/**/');Internet 11的性能得到了改善。
Stack Overflow用户
发布于 2015-09-28 19:47:24
我发现，在IIFE中包装我所有的js，并添加“使用严格”，这在任何适当的地方都大大提高了我的角度材料应用程序的性能。它仍然比IE上的Chrome慢，但性能是不可接受的。
Stack Overflow用户
发布于 2016-12-13 08:08:22
问题在于CSS。
使用清洁CSS NPM模块使IE兼容的CSS运行在runkit.com代码下面，并获得IE优化css以获得更多信息，请参见清洁css的兼容性选项。
https://runkit.com/npm/clean-css-pre-2.1.0
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)
}
})https://stackoverflow.com/questions/32762197
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号