如何从Ignite-UI中改进igGrid的性能？

Question

首先我要描述一下我的情况。

1. 我用分页。在大多数困难的情况下，我的网格有100行和120列。
2. 我使用的特性有:排序、分组、行选择、列隐藏、列移动、远程和本地分页、列固定(冻结)。

我对这个需求没有影响--业务需要它，我不能改变它。问题是我的表现是不可接受的，我必须提高它。其实我不知道我怎么能做到这一点。

呈现网格的性能很好，但是呈现网格所需的时间是绝对不能接受的。

在铬，它需要大约40秒来渲染网格。在Internet (我必须支持)中，网格的呈现时间约为2分钟。这些时间是100行和120列，有4个固定列(我发现修复列对性能有很大的影响-不呈现持续19秒，用4个固定列保持40秒)。在计算配置时，只需要这些时间来呈现网格--换句话说，从我使用现成的igGrid函数执行config_object(Config_object)到呈现网格的时刻都需要这些时间。

我已经读过关于网格虚拟化的文章，但是它有一点帮助，因为我不能使用列虚拟化和所需的特性。老实说，由于这些限制，网格和具有虚拟卷轴的简单表之间有一些差别。附加行虚拟化有一点帮助，但这还不够，而且由于行数的原因，使用网格时性能会下降--它在滚动时会滞后。

我的问题是：

• 我怎样才能提高这种性能，是否有可能使用Igniete？
• 什么时候我能够实现与完善的优化网格配置100行，120列和应用功能，我已经列出了？
• 如何减少修复功能对性能的影响？
• 此外，我还发现，通过行虚拟化，如果页面上有100行，则在DOM中创建了大约70行。也许有一种方法可以减少渲染速度？
• 也许实际上有一种方法可以显示网格--例如，有20行和20列--让网格可用，其余的稍后再呈现？

Answer 1

使用最新版本的IgniteUI for JavaScript -Version18.2，使用指定的设置，在测试初始加载性能时，我无法获得相同的结果。下面是一个带有应用设置的jsFiddle，供您参考：

$("#grid").igGrid({...});

http://jsfiddle.net/ojpydtwm/

我观察到的最初提交时间如下：

• 关于最初固定列的Chrome -约3.5秒
• 在没有最初固定列的Chrome上--大约2.5秒
• 关于最初固定列的IE -大约9.5秒
• 在IE上没有最初固定的列-大约6秒

Answer 2

更大的性能开销是由呈现的120列造成的。默认情况下，igGrid并不是水平虚拟化的，即使您打开虚拟化，它也与您必须在需求中启用的一些特性不兼容。尽管如此，你在Chrome上得到的时间并不是他们应该做的，我的建议是在完整的支持下解决这个问题。

同时，帮助中还有这篇文章，它提供了关于如何使用igGrid使性能优化的指导。