Christian Kruse: .textContent tut's besser

Beitrag lesen

Hallo Rolf,

Beim Schreiben "löst innerText einen Reflow aus, textContent nicht" - sagt MDN. Hat jemand ein Beispiel, wo dieser Unterschied sichtbar wird? Ich habe es nicht geschafft, eins zusammenzufiddeln. Vielleicht verstehe ich nur nicht richtig, was ein Reflow ist?

Der Unterschied wird sichtbar in einem Performance-Vergleich. Ein Reflow heisst ja, dass das Layout neu berechnet werden muss, eine sehr teure Operation. Deshalb ist textContent bedeutend schneller. Ich zitiere da immer gern den Artikel von Kelly Norton, der – obwohl er von 2013 ist – immer noch aktuell ist.

Es gibt da übrigens eine tolle Liste, die auflistet, welche Aktionen einen Reflow auslösen. Oft mit Quellenangaben.

LG,
CK