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.