css - Kendo Grid 在 IE11 中的性能缓慢

Question

我一直在为 ASP.NET MVC 使用最新的 Kendo 网格。

数据表规范是这样的，

columns --> 25 to 35.

rows --> anywhere between 1500 to 5000.

client side paging --> 20 rows

问题是，当我进行滚动时，IE 11 最多需要 1 秒来显示数据，具体取决于屏幕分辨率和网格内容高度。这会导致 UI 故障。

当我从 Dev Tools 运行 IE UI Responsiveness 时，我得到了以下结果。

我知道每当用户滚动时，浏览器都必须呈现行，这需要一点时间。但 IE 11 将其提升到了一个全新的水平。当它必须再处理 3-4 行时，它开始表现得神经质和故障。

我在 Chrome(和 Opera)、Firefox 中进行了测试。其中表现非常不错。

我尝试折射 CSS 以减少样式，但我能承受的变化非常小。

请告诉我下一步是什么？我应该保持冷静并责怪 IE 吗？

Answer 1

网格在 IE11 中独立运行良好，我的团队使用它。可能是您添加了一些执行过度的代码。

UI 响应工具不是很有用。尝试使用 IE 开发工具中的探查器。打开其中有问题网格的页面，点击分析器的绿色箭头开始记录，稍微滚动网格，然后在分析器中点击停止。

按 Count、Inclusive time 和 Exclusive time 对结果进行排序，看看哪些突出。每次排序后，查看您编写的代码的前 50 个条目。
当按计数排序时，你可能会发现一段代码虽然很短，但因为一个简单的错误，它无缘无故地循环运行了数十万次。
按时间排序可以向您显示要求非常高的代码片段，也许可以将它们移到其他地方。

例如，您可能正在 View 上运行一些逻辑，例如格式化日期。如果您在分析器中看到这样的函数，最好将此逻辑移至呈现 View 之前的数据获取阶段。