Éviter les DOM excessifs
Senior SEO-specialist
Bien entendu, un site web doit se charger le plus rapidement possible : pour y parvenir, il est indispensable d’éviter un DOM surdimensionné. Qu’est-ce qu’Éviter DOM excessif et comment le faire ? Sur cette page, je discute et donne ce conseil.
Qu’est-ce qu’éviter DOM excessif ?
Éviter un DOM trop grand est une suggestion que Google PageSpeed Insights peut vous donner lors de l’analyse de votre site web. La réduction de la taille du DOM peut améliorer la vitesse de chargement d’un site web.
Fonctionnement du DOM
Le DOM implique la façon dont les navigateurs convertissent le HTML en objets. Il existe une structure spécifique composée de plusieurs nœuds. Chaque nœud représente un objet. Plus cette structure est grande, plus le DOM est grand et plus le chargement de la page est long.(1)
Une analyse à l’aide d’un programme comme Google PageSpeed Insights est un moyen intéressant de savoir comment le DOM se comporte. Votre page dépasse-t-elle la taille du DOM ? Vous obtenez alors le conseil ci-dessus. Il est donc important de réduire le nombre de nœuds, notamment en changeant de thème sur WordPress. Un style compliqué sur un thème prend beaucoup de temps de chargement.
L’impact d’Éviter un DOM trop grand sur le référencement
Éviter un DOM trop grand peut avoir un impact sur le référencement d’un site web ou d’une page. Il s’agit d’une suggestion de PageSpeed Insights et il est recommandé de la suivre. Cela peut améliorer le temps de chargement de votre page. Cela a des conséquences positives sur l’optimisation des moteurs de recherche. Cependant, il est important de savoir qu’éviter un DOM trop grand n’est pas la seule chose qui affecte la vitesse de votre page. Il peut y avoir d’autres ajustements à faire avant de constater un changement positif. (2)
Mes conseils
L’amélioration de la vitesse de chargement de votre site web est l’un des moyens d’optimiser votre site web pour les moteurs de recherche. Cependant, il est important de ne pas se focaliser sur ce point car il n’y a pas de certitudes.
Nous vous recommandons d’utiliser Google PageSpeed Insights. Vous aurez ainsi un aperçu de l’état actuel de votre site web et pourrez y apporter des modifications importantes.
Le livre le plus complet sur la vitesse des sites web
J’ai tellement écrit sur l’accélération des sites web et sur tout ce qui s’y rapporte que j’aime diviser mes articles en différentes sections : généralités, outils, points d’amélioration de la vitesse et conseils. N’hésitez pas à consulter tous les liens ci-dessous pour en savoir plus sur les outils et les conseils permettant d’accélérer votre site web.
Général
- Quelle est la vitesse du site web ?
- Vitesse du site web : la division entre le marketing et le développement
- L’influence du SEO sur l’UX
- L’influence de la conception des sites web sur le référencement
- SPAs et SEO
- Qu’est-ce que l’indice Google Core Web Vitals ?
Outils
Amélioration de la vitesse
- Première peinture de contenu (FCP)
- Temps au premier octet (TTFB)
- Temps d’interaction (TTI)
- Image pour Largest view with content (LCP) preloaded (Vue la plus large avec contenu préchargé)
- Activer la compression de texte
- Réduire le CSS
- Temps de blocage total (TBT)
- Indice de vitesse
- Réduire JavaScript
- Le plus grand tableau de contenu
- Supprimer les feuilles de style CSS inutilisées
- Supprimer les JavaScript inutilisés
- Fournir des images dans des mises en page modernes
- Se connecter à l’avance aux origines requises
- Empêcher la diffusion de JavaScript obsolète dans les navigateurs modernes
- Utiliser une politique de cache efficace pour les éléments statiques
- Supprimer les modules dupliqués de JavaScript
- Éviter les redirections multiples
- Encoder efficacement les images
- Utiliser le chargement paresseux
- Chargez les demandes importantes à l’avance
Conseils généraux
- Conseils pour charger rapidement une vidéo
- Utiliser Edge SEO pour un site web plus rapide
- Installer un réseau de diffusion de contenu pour le référencement
- Optimiser les images pour le référencement
- L’impact de l’hébergement sur le référencement
- Construction du modèle d’objet. (2014, 31 mars). web.dev. https://web.dev/articles/critical-rendering-path/constructing-the-object-model
- Commencez par afficher et modifier le DOM. (2019, 1er mars). Chrome pour les développeurs. https://developer.chrome.com/docs/devtools/dom
