Actualmente me encuentro con un problema de rendimiento al actualizar propiedades en muchos elementos dom a la vez. Parece que cada vez que cambio una propiedad, el elemento dom se vuelve a renderizar. ¿Hay alguna manera de que pueda retrasar la representación de los elementos hasta que todas mis actualizaciones hayan tenido lugar? Parece ser mucho más lento en FF 3 & 3.5 que IE 7 & 8 que va en contra de lo que esperaba.Representación de retraso del elemento dom al cambiar las propiedades
Un ejemplo de lo que estoy haciendo es a continuación.
var t;
for (var i = 0; i < tiles.length; i++) {
t = tiles[i];
t.width = '100';
t.height = '100';
}
El problema es que el número de elementos en "teselas" puede ser de hasta 100 elementos dom. Que es donde realmente se muestran los problemas de rendimiento.
Impresionante voy a probarlo. – Alex
Si la preocupación es acerca de los reflows, ¿por qué no utilizar la visibilidad: hidden. Esto mantendrá los elementos donde están. –
visibilidad: oculto no parece tener el mismo rendimiento. – Alex