改善IE11中的角材料性能

时间:2019-03-25 20:18:38

标签: angular angular-material internet-explorer-11

我正在使用Angular Material可视化SQL Server数据库中的数据。 mat表是动态创建的,具体取决于我返回的列数和条目数。可以有40、50+列和100k +条目。

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

虽然它在Firefox和Chrome上运行相当平稳,但是排序100k +行或一次渲染1.000或2.000行可能需要一点时间,但IE11的性能却很差。即使只是显示标准的100个条目和少量的行也要花费一些时间,切换到所有列和/或更多行的速度很慢,而且IE完全冻结了。

我做了一个简化的演示,以演示其工作原理。垫子表就像我用的那个。

您知道有什么方法可以改善IE11的性能吗?

DEMO

2 个答案:

答案 0 :(得分:3)

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

  

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

https://testdrive-archive.azurewebsites.net/Performance/MazeSolver/

这就是为什么在Chromium上重建Edge

的原因

https://www.wired.com/story/microsoft-edge-browser-chromium-internet-explorer/

除此之外,您还需要研究服务器端分页,并控制通过电线传输的数据子集大小,以在处理此类数据时获得进一步的性能。

答案 1 :(得分:0)

检出角度cdk,该cdk具有用于虚拟滚动的模块: https://material.angular.io/cdk/scrolling/overview

在演示中,他们实际上正在渲染100,000个项目的列表,并且在IE11中很流畅。我不确定如果是像您这样的具有多个列的表,是否还会保留这种方式。但是您至少可以尝试一下。

相关问题