改善IE11中的角材料性能 [英] Improve Angular Material performance in IE11
问题描述
我正在使用Angular Material可视化SQL Server数据库中的数据. mat表是动态创建的，具体取决于我返回的列数和条目数.可以有40、50+列和100k +条目.
I'm using Angular Material to visualize data from a SQL Server database. The mat table is create dynamically depending on how many columns and entries I get back. There can be 40, 50+ columns and 100k+ entries.
我选择仅显示少数列，并通过显示更多按钮显示所有列.分页器默认将行数限制为100，但最多可以显示2.000.
I made the option to show only a handful of columns and via a show more button show all columns. And the paginator limits the rows to 100 by default but can show up to 2.000.
尽管它在Firefox和Chrome上运行相当平稳，但是排序100k +行或一次渲染1.000或2.000行可能需要一点时间，但IE11的性能却很差.即使只是显示标准的100个条目和少量的行也要花费一些时间，切换到所有列和/或更多行的速度很慢，而且IE完全冻结了.
While it runs fairly smooth on Firefox and Chrome, though sorting 100k+ rows or rendering 1.000 or 2.000 rows at once may take a moment, the performance is pretty bad on IE11. Even just showing the standard 100 entries and handful of rows takes some time, switching to all columns and / or more rows is painfully slow and somethings the IE just freezes completely.
我做了一个简化的演示，以演示其工作原理.垫子表就像我用的那个.
I made a little simplified demo to show how it works. The mat-table is just like the one I use.
您知道有什么方法可以改善IE11的性能吗?
Do you know any way to improve the performance on IE11?
推荐答案
这不是库本身的性能问题，而是浏览器.请查看以下链接，它是对浏览器中CSS3布局构造的性能测试.
This is not a performance issue with the library per se, but rather the browser. Please review the following link, it is a performance test for CSS3 layout constructs in browsers.
在Chrome中运行该链接，然后在IE11中使用相同的设置运行该链接，然后 您将很快看到IE11的局限性.
Run the link in Chrome, then run it in IE11 with the same settings and you will quickly see the limitations of IE11.
https://testdrive-archive.azurewebsites.net/Performance/MazeSolver/
这就是为什么在Chromium上重建Edge
This is why Edge is being rebuilt on Chromium
https://www.wired.com/story/microsoft-edge-browser-chromium-internet-explorer/
除此之外，您将需要研究服务器端分页，并控制通过电线传输的数据子集大小，以在处理此类数据时获得进一步的性能.
Beyond this, you will need to explore server side pagination, and control of the data subset size transmitted across the wire to gain further performance when working with that kind of data.
这篇关于改善IE11中的角材料性能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
