Retour

Taille du DOM

C'est quoi le DOM ?

Le DOM (Document Object Model) est le résultat de l'interprétation du code HTML de la page par le navigateur. Il s'agit d'une représentation des données sous forme d'un arbre composé de noeuds et d'éléments où chaque élément appartenant à un noeud est un enfant. Il fournit, par ailleurs, une interface de programmation (API) utile pour la modification de la page par le code JavaScript.

Document
    - <html>
        - <head>
            - <title>
                - La taille du DOM
        - <body>
            - <h1>
                - C'est quoi le DOM ?
            ...

Pourquoi la taille du DOM est-elle importante ?

Plus la taille du DOM est importante, plus le navigateur mettra de temps à le créer et à l'interpréter, ce qui ralentira le rendu de la page, et sollicitera davantage les ressources de l'ordinateur de l'utilisateur.

Quelles caractéristiques la taille du DOM doit respecter ?

La taille du DOM doit avoir :

  • moins de 1 500 éléments au total
  • une profondeur maximale de 32 éléments
  • moins de 60 éléments enfants dans un élément parent