PrimeNG Turbo Table 在 IE 11 中的性能缓慢
Slow performance of PrimeNG Turbo Table in IE 11
我们使用带有动态列的 PrimeNG 的 Turbo Table 以在每个 page.Both 启用服务器端分页和排序时显示 1000 条记录。这在 Chrome 中运行良好,但在 IE 中排序、分页或更新所有记录时速度慢得惊人。大约 9 秒后返回服务器响应后,IE 会冻结 2 分钟,然后显示数据。此外,table 使用 ngSwitch 来确定列内容,例如,一些列显示图标,一些显示文本区域等。
启用 prodMode 有助于显着改善页面加载,这与现在的 Chrome 相当,但是我们在排序、分页和更新记录时仍然存在性能问题。
我们通过删除 ngSwitch 测试了性能并观察到轻微的改进 - 减少了 10 秒。但是,我们需要 ngSwitch 功能,因此删除它确实不是一个选项,除非我们可以使用替代方案。无论如何,它并没有完全解决我们的问题。
感谢任何帮助!
IE可能比其他最新的浏览器需要更多的时间,尤其是在你需要显示1000条记录的情况下,这不是一个小数目。我不知道你的案例是否有可能每次加载更少的记录。如果可能,您可以在 IE 中找到加载时间和记录数量之间的平衡。
没有任何示例代码,我们只能提供一些一般性的建议。这种情况只能建议大家使用F12 developer Performance tools to analyze UI performance, and use F12 developer Network tools to check the request spend time. If the Dev Tools doesn't work well in your IE, you could also use Windows Performance Toolkit来分析网站性能
我们使用带有动态列的 PrimeNG 的 Turbo Table 以在每个 page.Both 启用服务器端分页和排序时显示 1000 条记录。这在 Chrome 中运行良好,但在 IE 中排序、分页或更新所有记录时速度慢得惊人。大约 9 秒后返回服务器响应后,IE 会冻结 2 分钟,然后显示数据。此外,table 使用 ngSwitch 来确定列内容,例如,一些列显示图标,一些显示文本区域等。
启用 prodMode 有助于显着改善页面加载,这与现在的 Chrome 相当,但是我们在排序、分页和更新记录时仍然存在性能问题。
我们通过删除 ngSwitch 测试了性能并观察到轻微的改进 - 减少了 10 秒。但是,我们需要 ngSwitch 功能,因此删除它确实不是一个选项,除非我们可以使用替代方案。无论如何,它并没有完全解决我们的问题。
感谢任何帮助!
IE可能比其他最新的浏览器需要更多的时间,尤其是在你需要显示1000条记录的情况下,这不是一个小数目。我不知道你的案例是否有可能每次加载更少的记录。如果可能,您可以在 IE 中找到加载时间和记录数量之间的平衡。
没有任何示例代码,我们只能提供一些一般性的建议。这种情况只能建议大家使用F12 developer Performance tools to analyze UI performance, and use F12 developer Network tools to check the request spend time. If the Dev Tools doesn't work well in your IE, you could also use Windows Performance Toolkit来分析网站性能