Hvad er DOM size?
DOM size refererer til størrelsen og kompleksiteten af et websteds Document Object Model (DOM), som består af alle elementerne på en HTML-side. En stor DOM size betyder, at siden har mange HTML-tags eller dybe nestede elementer, hvilket kan påvirke ydelsen i browseren. Særligt på mobil kan en for stor DOM size give langsommere indlæsning og dårlig brugeroplevelse.
Hvornår bruges det?
DOM size overvåges typisk, når man arbejder med teknisk SEO og sidehastighedsoptimering. Søgemaskiner som Google måler indlæsningshastighed og reagerer negativt på sider med langsom rendering, hvilket kan skyldes en unødvendigt stor DOM. Ved at reducere DOM size kan man forbedre Core Web Vitals og gøre det nemmere for både brugere og søgemaskiner at tilgå indholdet.
Eksempel: En e-commerce produktside med mange filtreringsmuligheder har tusindvis af skjulte HTML-elementer for hver kombination. Resultatet er en stor DOM size, som får siden til at loade langsommere og gør det sværere for Googlebot at crawle alt indholdet effektivt.
Typiske fejl
- For mange unødvendige HTML-elementer i koden.
- Brug af skjulte eller usynlige elementer, som stadig indlæses.
- Manglende opmærksomhed på DOM size ved dynamisk genereret indhold.
Relaterede begreber: Sidehastighed, Core Web Vitals, rendering
