He visto recientemente un video de Nicholas Zakas hablando sobre guiones de alto rendimiento. Este es sobre reflujo y repintado. él dice que es malo refluir constantemente lo que se está moviendo y cambiando el diseño, cambiar las dimensiones, etc.

i respondió una pregunta sobreTransferir desbordamiento de un div a otro - lo que hice para "derramar" contenido desbordado al otro div fue:

medida de la altura del contenedor interno y externo (actualmente, uso jQuery.height ())check si interno es mayor que externo si es menor que (sin derrame), finalice el script si es mayor (derrame), haga estallar el último carácter en el contenedor interno y anteponga al siguiente div ponga el texto nuevamente en el contenedor interno (causando reflujo - recalculando alturas) volver al paso 1

el problema es que estoy eliminando y agregando caracteres, y midiendo la altura del contenedor derramado por "carácter emergente" del contenedor. también se vuelve a representar por iteración, lo que a veces lo hace súper lento.

¿Hay alguna manera de tener una copia JS del DOM para manipular, verificar la altura, etc.? Lo que estoy buscando es como un clon de la página. He oído hablar de fragmentos DOM pero es solo un contenedor de nodos antes de colocarlos en el DOM.