在IE11中绘制时间

Question

我正在使用ag-grid和angular 4.我发现IE11中的绘制时间在不同的上下文中更高。在一个例子中，我有一个非常基本的不可编辑的表，有10到15行，没有滚动或任何东西。当我将鼠标放在桌子上时，帧速率开始下降。性能分析我可以看到油漆事件非常频繁地发生，需要200 - 400毫秒才能完成。

在具有超过3000条记录的全屏搜索模式中使用相同的表组件，绘制事件的发生频率要低得多，并且只持续几毫秒。我看到的最长的油漆事件是大约20ms。

我从哪里开始？我可能会寻找什么样的东西来弄清楚角度分量的上下文如何影响它的绘画速度？

Answer 1

我能够找到解决方案。事实证明，IE11中存在一个错误，导致在具有overflow：hidden和border-radius＆gt;的元素上的渲染性能非常差。 0.我的解决方案是从父div中删除边界半径。

以下是错误报告：

https://connect.microsoft.com/IE/feedbackdetail/view/961961/ie-9-ie-11-divs-with-a-border-radius-and-overflow-other-than-visible-resize-slow-when-filled-with-divs-with-position-relative

这是另一个帮助我解决这个问题的堆栈溢出帖子：

How does overflow: hidden; & border-radius on a container cause massive slowdowns to "Paint / Render Layer" within container, only on IE?