Qu'est-ce que le DOM optimisé?

A partir de Elementor 3.0, se han realizado algunas mejoras importantes de DOM para aumentar la velocidad y el rendimiento de los nuevos sitios la toile de Elementor. Elementor se esfuerza por ser lo más rápido y optimizado posible. Para ello, hemos reducido algunos elementos DOM de la salida HTML.

La présence de ces conteneurs était due à l'utilisation diversifiée d'Elementor, à la possibilité d'utiliser ces sélecteurs de différentes manières pour personnaliser votre site et à l'objectif universel d'Elementor en tant que solution pour créer des sites Web visuellement avancés.

La suppression des éléments wrapper du DOM contribue à une sortie de code plus simplifiée, une meilleure lisibilité et moins de complexité. Un DOM plus petit permet d'augmenter la vitesse et les performances. Cependant, il s'agit d'un changement potentiellement important, donc Elementor sera par défaut sur Désactivé pour tous les sites.

Quels wrappers HTML ont été supprimés dans la version 3.0?

Trois (3) conteneurs HTML sont supprimés, notamment:

• .elementor-interior
• .elementor-row
• .elementor-column-wrap

Qui est concerné par ce changement?

Par défaut, il est défini sur Désactivé pour éviter de briser les sites existants mis à niveau vers la version 3.0. L'utilisation d'une sortie DOM optimisée sur des sites existants qui sont en cours de mise à niveau à partir d'une version antérieure à 3.0 peut entraîner une panne de l'apparence et / ou des fonctionnalités de votre site Web. Pour cette raison, la sortie DOM optimisée est désactivée sur les sites mis à niveau et l'ancien DOM reste en place. Toutefois, si vous effectuez une mise à niveau vers la version 3.0 et souhaitez utiliser une sortie DOM optimisée, vous pouvez activer cette fonctionnalité. Allez simplement à Elementor> Paramètres> Avancé et sélectionnez Activer dans le Sortie DOM optimisée menu déroulant. Pour l'instant, cela est également défini sur Désactivé par défaut pour les nouveaux sites, bien que cela puisse changer à l'avenir.

Important: Si ha utilizado alguna de estas clases contenedoras en su CSS personalizado o en su código personalizado, debe refactorizar su código para usar diferentes clases contenedoras que no se están eliminando. De lo contrario, sus estilos o códigos personalizados ya no funcionarán correctamente.

Voir le post des développeurs sur ce changement ici.