Vi recentemente um vídeo de Nicholas Zakas falando sobre scripts de alta performance. Este é sobre refluxo e repintar. ele diz que é ruim refletir constantemente o que está se movendo e alterando o layout, as dimensões, etc.

i respondeu a uma pergunta sobreTransferência excedente de uma div para outra - o que eu fiz para "espalhar" o conteúdo transbordante para a outra div foi:

meça a altura do contêiner interno e externo (atualmente, uso jQuery.height ()) verifique se interno é maior que externo se for menor que (sem derramamento), finalize o scriptse maior (derrame), insira o último caractere no contêiner interno e inclua o próximo divoloque o texto de volta no contêiner interno (causando refluxo - recalculando as altura voltar ao passo 1

O problema é que estou removendo e anexando caracteres e medindo a altura do contêiner derramado por "caractere exibido" do contêiner. é re-renderizada também por iteração - o que a torna super lenta às vezes.

existe uma maneira de ter uma cópia JS do DOM para manipular, verificar a altura etc.? o que estou procurando é como um clone da página. Eu ouvi falar de fragmentos do DOM, mas é apenas um contêiner para nós antes de colocá-los no DO