Help en documentatie
Snelheid Gemiddelde impact Gemiddeld hangt af van de oorzaak
DOM-formaat
Te veel HTML-elementen vertragen de weergave.
Wat het is
De DOM is de boomstructuur van de HTML-elementen van een pagina. Een DOM die te groot of diep genest is (duizenden knooppunten) vertraagt de weergave, lay-out en JavaScript-bewerkingen.
Waarom het belangrijk is
Een grote DOM verhoogt het geheugen- en CPU-gebruik en verslechtert de interactiviteit en soepelheid, vooral op mobiel. Het is meestal een symptoom van opgeblazen sjablonen of overtollige wrappers.
Hoe je het doet
- 1Vereenvoudig de structuur: verwijder onnodige <div>-verpakkingen.
- 2Gebruik voor lange lijsten/tabellen paginering of virtualisatie.
- 3Laad geen verborgen inhoud die niet nodig is (weergave op aanvraag).
Conclusie
Een lean DOM wordt sneller weergegeven en reageert sneller. Houd als ruwe richtlijn het aantal knooppunten in de lage duizenden en vermijd diep nesten. Voor gegevensrijke pagina's helpt lijstvirtualisatie.
Gerelateerde onderwerpen