2017-11-07 14 views
1

私はアングル4と一緒にグリッドを使用しています.IE11のペイント時間が異なる状況ではより高いという問題があります。 1つの例では、私は10〜15行、スクロール、または何もない非常に基本的な編集不可能なテーブルを持っています。私がテーブルの上にマウスを置くと、フレームレートが下がり始めます。パフォーマンスのためのプロファイリング私は、ペイントイベントが非常に頻繁に起こっており、完了するのに200〜400ミリ秒かかることがわかります。IE11の塗りつぶし時間

3000以上のレコードを持つ全画面検索モーダルでこの同じテーブルコンポーネントを使用すると、ペイントイベントは頻繁に起こりにくく、たった数msです​​。私が見た最長のペイントイベントは約20msでした。

ここから始めますか?角度成分のコンテキストが塗料の速度にどのように影響するかを理解するために私が探すかもし​​れないものは何ですか?

答えて

1

私は解決策を見つけることができました。 IE11には、overflow:hidden、border-radius> 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?