Le document object model est la représentation sous forme d’objets (de choses) du code de la page HTML. C’est aussi une convention qui permet de manipuler les éléments d’une page Web.
Le langage JavaScript qui parcourt une page Web la comprend comme une collection d’objets organisés selon une hiérarchie logique. Le DOM obéit à une structure en arbre (l’élément HTML étant à la racine) où chaque élément appelé nœud peut contenir d’autres éléments (enfants).
Google recommande de ne pas dépasser 1500 éléments de DOM dans une page. Dareboost recommande 1000 éléments au maximum, Yahoo 700.