改进 IE11 中的 Angular Material 性能

Question

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

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

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

我做了一个简单的演示来展示它是如何工作的。垫子桌子就像我用的一样。

你知道有什么方法可以提高 IE11 的性能吗？

Answer 1

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

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

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

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