Performances du site : Ordre du DOM de votre site

Temps de lecture : 3 min
L'ordre du DOM de votre site correspond à l'ordre de lecture des éléments de vos pages. Cet ordre est important pour les visiteurs utilisant des technologies d'assistance telles que la touche Tab ou les lecteurs d'écran, car il détermine l'ordre dans lequel ils peuvent visualiser ces éléments ou interagir avec eux.
Nous vous recommandons de vous assurer que l'ordre du DOM correspond à l'ordre visuel des éléments de vos pages, afin que chaque visiteur puisse naviguer facilement sur votre site. En plus d'une meilleure accessibilité, le fait de faire correspondre l'ordre de chargement évite également les problèmes de mise en page sur votre site.
Dans cet article, découvrez :

Ordre du DOM et performances du site

Le DOM détermine l'ordre dans lequel les éléments se chargent sur votre site. Si l'ordre du DOM ne correspond pas à l'ordre visuel des éléments, cela peut avoir un impact sur le chargement de votre site.
Par exemple, si un bouton apparaît en bas d'une page mais qu'il est le premier dans l'ordre du DOM, il se charge avant les éléments au-dessus. À mesure que du contenu supplémentaire se charge, la mise en page de la page risque de changer et de se déplacer pour s'adapter aux autres éléments.
De plus, si un visiteur tente de cliquer sur ce bouton pendant que le reste du contenu se charge, il peut accidentellement sélectionner un autre élément et être redirigé vers une autre page ou section.
L'ordre du DOM de votre site doit correspondre à l'ordre visuel de la page, quelle que soit la séquence de lecture de la langue (script de gauche à droite ou de droite à gauche) pour garantir un chargement correct et une expérience plus fluide pour les visiteurs.

Ordre du DOM sur un site créé avec l'Éditeur Wix

L'ordre automatique du DOM est automatiquement activé sur le site créé avec l'Éditeur de votre ordinateur. Cela signifie que toute modification que vous apportez à l'ordre visuel des éléments est automatiquement appliquée à l'ordre du DOM, vous n'avez donc rien à faire. 
Lorsque vous créez un site avec l'Éditeur de votre ordinateur, une version mobile de votre site est créée. L'ordre du DOM de votre site mobile est également organisé automatiquement et ne nécessite aucune modification manuelle. 
Important :
L'ordre automatique du DOM sur les sites créés avec l'Éditeur sur ordinateur a été conçu pour les scripts de gauche à droite (par ex. anglais, espagnol, etc.). Si votre site utilise un script de droite à gauche tel que l'arabe ou l'hébreu, vous devez réorganiser manuellement l'ordre du DOM dans le panneau Calques
Remarque :
L'ordre automatique du DOM n'est appliqué aux modifications apportées à la version ordinateur que lorsque vous enregistrez votre site.

Ordre du DOM sur un site créé avec l'Editor X

La plupart de votre site Editor X n'a pas d'ordre automatique du DOM, et vous devez donc le réorganiser manuellement afin d'améliorer les performances de votre site. Vous pouvez ajuster l'ordre des composants sur votre site Editor X dans le panneau Calques.
Par exemple, les sections doivent être triées de haut en bas, et vous pouvez le faire en cliquant sur Mettre au premier plan dans le panneau. Les piles et les répéteurs sont automatiquement triés, mais nous vous recommandons d'utiliser la fonctionnalité Réorganiser l'ordre du DOM pour vous assurer qu'il est correct. 

Cela vous a-t-il aidé ?

|