El diseño y la representación del contenido HTML puede llevar algún tiempo si el HTML es lo suficientemente complejo. No pude encontrar un conjunto de mejores prácticas sobre cómo codificar HTML para ayudar al motor de diseño (especialmente en IE) para que los redibujos de página sean más rápidos. ¿Existe tal conjunto de mejores prácticas?

Mi problema específico actual es que mis datos tabulares (en un elemento de tabla) hacen que el dibujo de la página sea demasiado lento y que las actualizaciones DOM (efectos de desplazamiento) y las animaciones sean muy lentas. Estoy seguro de que no es el rendimiento de JavaScript. He revisado la página usando dynaTrace AJAX. La CPU se vuelve demasiado ocupada cuando paso el mouse sobre los elementos, pero no hay JS ejecutándose. Y el desplazamiento se realiza agregando / eliminando una clase a elementos TR. También probé YSlow en Firefox, no muestra ningún problema en particular. Tampoco está relacionado con la red. (Firefox presenta la página más rápido, pero no es porque su motor JS sea más rápido)

¿Existe una herramienta para dibujar y dibujar perfiles en IE, de modo que pueda averiguar de dónde viene el problema? ¿Y qué puede hacer que el dibujo sea tan lento, para que pueda evitarlos en código HTML?