Gedwongen terugvloeiing

Connor Clark
Connor Clark

Gepubliceerd: 8 okt. 2025

Een gedwongen reflow treedt op wanneer JavaScript geometrische eigenschappen (zoals offsetWidth ) opvraagt ​​nadat stijlen ongeldig zijn gemaakt door een wijziging in de DOM-status. Dit dwingt de browser om onmiddellijk een lay-out uit te voeren, wat de uitvoering van het script onderbreekt en resulteert in slechte prestaties.

Een voorbeeld van code die gedwongen reflow veroorzaakt:

Meerdere gedwongen reflows in snelle opeenvolging wordt "layout thrashing" genoemd.

Hoe dit inzicht over te brengen

  • Vermijd of verminder in ieder geval het aantal schrijfbewerkingen naar DOM-geometrie die vlak voor het lezen worden uitgevoerd.
  • Zorg dat er geen gedwongen reflows zijn die langer dan 30 milliseconden duren.

Aanvullende referenties