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 web 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 HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las Suite.

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 CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a Suite 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.