Angular 改善IE11中的角材料性能

Angular 改善IE11中的角材料性能,angular,angular-material,internet-explorer-11,Angular,Angular Material,Internet Explorer 11,我使用角度材质来可视化SQL Server数据库中的数据。mat表是根据我返回的列数和条目数动态创建的。可以有40、50+列和100k+条目 我选择只显示少数列,并通过“显示更多”按钮显示所有列。默认情况下,分页器将行数限制为100,但最多可以显示2.000行 虽然它在Firefox和Chrome上运行得相当平稳,但排序100k+行或一次渲染1.000或2.000行可能需要一些时间,但在IE11上的性能相当差。即使只是显示标准的100个条目和少量行也需要一些时间,切换到所有列和/或更多行的速度非

我使用角度材质来可视化SQL Server数据库中的数据。mat表是根据我返回的列数和条目数动态创建的。可以有40、50+列和100k+条目

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

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

我做了一个简单的演示来展示它是如何工作的。这张垫子桌子和我用的那张一模一样

你知道如何提高IE11的性能吗


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

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

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


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

签出具有虚拟滚动模块的angular cdk:


在演示中,他们实际上呈现了一个100000个项目的列表,在IE11中是平滑的。我不确定如果它是一个包含多个列的表(如您的情况),它是否会保持这种状态。但您至少可以尝试一下。

您的意思是提高处理100k+行的性能吗?如果是这样,IE不是您唯一关心的问题。要求所有过滤和排序都在客户机上完成,包括总体性能和100k+或更多行的性能。你所说的不是唯一的担忧是什么意思?所有的事情都应该在客户端完成。Internet Explorer已经死了,它的速度永远不会变快,而且不管怎样,要在客户端处理10万行数据都是很多的。为什么所有的事情都必须在客户端完成?