Erzwungener dynamischer Umbruch

Connor Clark
Connor Clark

Veröffentlicht: 8. Oktober 2025

Ein erzwungener dynamischer Umbruch tritt auf, wenn JavaScript geometrische Eigenschaften (z. B. offsetWidth) abfragt, nachdem Stile durch eine Änderung des DOM-Status ungültig geworden sind. Dadurch wird der Browser gezwungen, sofort ein Layout zu erstellen, was die Ausführung von Skripten unterbricht und zu einer schlechten Leistung führt.

Hier ein Beispiel für Code, der einen erzwungenen Reflow verursacht:

Mehrere erzwungene Umflüsse in schneller Folge werden als „Layout-Thrashing“ bezeichnet.

So geben Sie diese Information weiter

  • Vermeiden Sie Schreibvorgänge für die DOM-Geometrie, die kurz vor Lesevorgängen erfolgen, oder reduzieren Sie sie zumindest.
  • Es darf keine erzwungenen Reflows geben, die länger als 30 Millisekunden dauern.

Weitere Referenzen