Posts Tagged 'DOM'

Best Practices: Houd het aantal DOM Elements Small

Vrijdag 6 juni, 2008 Door Nikhil

Meer de DOM-elementen op de pagina, langzamer het maakt, langzamer is de DOM toegang van JavaScript. Een groot aantal van de DOM-elementen kunnen als gevolg van slechte lay-out ontwerp. Bijvoorbeeld, zou geneste tabellen zijn gebruikt voor layout doeleinden. Gebruik een HTML-tag waar is zinvol semantisch. Voor bijvoorbeeld geen waarde te gebruiken tabellen voor lay-outs, maar geen waarde aarzelen om ze te gebruiken waar je gegevens in tabelvorm weer te geven, en dus zullen gebruiken verminderen DOM-elementen, in vergelijking, een soortgelijke structuur gemaakt met alleen DIV ..

Om het aantal DOM-elementen in de HTML-pagina te testen, typ het volgende in de Firebug console: document.getElementsByTagName('*').length

Er is geen vaste standaard over hoeveel DOM-elementen zijn te veel. Controleer andere soortgelijke pagina's die goed markup.Eg hebben. Yahoo! Home is een vrij drukke pagina en nog onder 700 elementen (HTML-tags).


get ExpressingIT News by Email Abonneren op ExpressingIT via e-mail of Volg mij op Twitter


Abonneren op ExpressingIT RSS
get ExpressingIT News by Email Abonneren op ExpressingIT via e-mail
Volg mij op Twitter