DOM står for Document Object Model: browserens træ af noder baseret på HTML-dokumentet. Elementer, tekst og attributter bliver objekter, som CSS styler, og som JavaScript kan læse og ændre. Uden DOM’en ville der ikke være en struktureret side at vise eller interagere med.
DOM i den kritiske sti
Når HTML ankommer, parser browseren det og opbygger DOM’en som del af critical rendering path. Før der er nok DOM og CSSOM, kan siden ikke males korrekt. Scripts uden defer kan pause parsing og forsinke DOM-opbygningen.
DOM og performance
En stor eller dybt indlejret DOM koster hukommelse og gør layout/style dyrere. Det er baggrunden for advarslen Avoid an excessive DOM size. Selektioner som querySelectorAll over tusindvis af noder og hyppige DOM-mutationer belaster også main thread.
WordPress-perspektiv
Temaer, page builders og widgets genererer ofte mere markup end nødvendigt. Enklere skabeloner, færre wrappers og pagination af lange lister holder DOM’en lettere — og gør både first paint og interaktion mere stabile.