Avoid an excessive DOM size er en anbefaling fra Lighthouse/PageSpeed Insights: siden har for mange HTML-noder, for dyb indlejring eller store undertræer med mange børn. En tung DOM koster hukommelse og gør style, layout og script-arbejde dyrere — især på mobil.
Hvorfor det gør ondt
Hver node kan deltage i layoutberegninger, CSS-match og JavaScript-forespørgsler. Store lister, sidebyggere med ekstra wrappers, mega-menuer og widgets, der renderer alt på én gang, skubber nodeantallet op. Det hænger ofte sammen med minimize main-thread work og langsommere INP.
Lighthouse advarer typisk ved omkring 800+ elementer (og markerer det som alvorligt over ca. 1.400). Tallene er pejlemærker — målet er en enklere side, ikke at jage et magisk tal.
Typiske WordPress-årsager
- Sidebyggere, der pakker hvert afsnit i flere nested
divs. - Store produkt- eller indlægslister uden pagination eller lazy rendering.
- Widgets, mega-menuer og footers, der indlæser hele kataloget i HTML.
- Blöcke eller shortcodes, der gentager markup unødigt.
Sådan retter du det
Start med de tungeste skabeloner. Fjern unødvendige wrappers, begræns antallet af elementer over folden, paginér eller lazy-load lange lister, og undgå at servere indhold, brugeren ikke ser. Minificering af HTML hjælper ikke på nodeantal. Mål før og efter med Lighthouse og DevTools’ Elements-panel, så du ved, at du har fjernet struktur — ikke kun bytes.