El diseño y la representación de contenido HTML puede llevar algo de 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 redibujados de página sean más rápidos. ¿Existe tal conjunto de mejores prácticas?Cómo codificar HTML para una representación rápida en IE
Mi problema específico actual es que mis datos tabulares (en un elemento de la tabla) hacen que dibujar 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. Revisé la página usando DynaTrace AJAX. La CPU se vuelve demasiado ocupada cuando coloco el mouse sobre los elementos, pero no hay JS ejecutándose. Y el vuelo estacionario 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 establece la página más rápido, pero no es porque su motor JS sea más rápido)
¿Hay alguna herramienta para perfilar el diseño y el diseño en IE, para poder averiguar de dónde viene el problema? ¿Y qué puede causar que el dibujo sea tan lento, para poder evitarlos en el código HTML?
La mejor forma de acelerar el procesamiento es escribir menos código. –
Usted no está usando expresiones CSS, ¿verdad? Esos son JS en CSS y tienden a consumir toda la potencia de CPU disponible. – Piskvor
No, supongo que mi CSS es simplemente CSS. – Iravanchi