0

I am troubleshooting performance issues on IE 11 with an existing HTML page which is quite big (table with a few hundred rows containing links).

I noticed with the F12 UI responsiveness tool that the lagging is caused by many "Layout" events generated as soon as I move the mouse anywhere hover the page and which basically recompute the style of all elements (including the table cells) even if the mouse is on the page's header section.

From the documentation:

•Layout: Changes were made to the DOM that required the size and/or position of all affected elements to be computed.

How can I find the cause of this issue?

I guess there is some :hover CSS style somewhere that causes this full style recomputing, but how to find out which one?

sdabet
  • 18,360
  • 11
  • 89
  • 158
  • put your css code here – rawiro May 26 '14 at 14:01
  • unfortunately there is far too much CSS across several different files, that's why I'm looking for a way to identify the suspect from the F12 tools. – sdabet May 26 '14 at 14:03
  • if the problem is in your css you can: · Go to elements tab · Select html or body element · Click on ":a" symbol · Check "Mantener el mouse" (in spanish) · And see if any styles are added to the element – rawiro May 26 '14 at 14:07

1 Answers1

0

Well it seems that the performance issue was caused by the excessive number of CSS rules which was beyond the limit described here: Internet Explorer's CSS rules limits

Community
  • 1
  • 1
sdabet
  • 18,360
  • 11
  • 89
  • 158