提高 IE11 中的 Angular Material 性能答案

【问题标题】：Improve Angular Material performance in IE11提高 IE11 中的 Angular Material 性能
【发布时间】：2019-03-26 10:55:12
【问题描述】：

我正在使用 Angular Material 来可视化来自 SQL Server 数据库的数据。 mat 表是根据我返回的列和条目数动态创建的。可以有 40、50+ 列和 100k+ 条目。

我选择了仅显示少数列，并通过显示更多按钮显示所有列。分页器默认将行数限制为 100，但最多可以显示 2.000。

虽然它在 Firefox 和 Chrome 上运行相当流畅，但一次排序 100k+ 行或一次渲染 1.000 或 2.000 行可能需要一些时间，但在 IE11 上的性能相当糟糕。即使只是显示标准的 100 个条目和少数行也需要一些时间，切换到所有列和/或更多行会非常缓慢，而且 IE 会完全冻结。

我做了一个简单的演示来展示它是如何工作的。 mat-table 和我用的一样。

你知道提高 IE11 性能的方法吗？

【问题讨论】：

【解决方案1】：

这不是库本身的性能问题，而是浏览器的问题。请查看以下链接，这是对浏览器中 CSS3 布局结构的性能测试。

在 Chrome 中运行链接，然后在 IE11 中使用相同的设置运行它，然后你很快就会看到 IE11 的局限性。

这就是在 Chromium 上重建 Edge 的原因

除此之外，您还需要探索服务器端分页，并控制通过网络传输的数据子集大小，以便在处理此类数据时获得进一步的性能。

【讨论】：

【解决方案2】：

在演示中，他们实际上渲染了一个包含 100,000 个项目的列表，并且在 IE11 中很流畅。我不确定如果它是一个像你的情况那样有几列的表格，它是否会保持这种状态。但你至少可以试一试。

【讨论】：