Was ist das optimierte DOM?

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 Plus.

Das Vorhandensein dieser Container war auf die vielfältige Verwendung von Elementor, die Möglichkeit, diese Selektoren auf verschiedene Arten zum Anpassen Ihrer Website zu verwenden, und den universellen Zweck von Elementor als Lösung für die Erstellung visuell fortschrittlicher Websites zurückzuführen.

Das Entfernen von Wrapper-Elementen aus dem DOM trägt zu einer einfacheren Code-Ausgabe, einer besseren Lesbarkeit und einer geringeren Komplexität bei. Ein kleineres DOM erhöht die Geschwindigkeit und Leistung. Dies ist jedoch eine potenziell signifikante Änderung, sodass Elementor für alle Sites standardmäßig deaktiviert ist.

Welche HTML-Wrapper wurden in 3.0 entfernt?

Drei (3) HTML-Container werden entfernt, darunter:

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

Wer ist von dieser Änderung betroffen?

Standardmäßig ist diese Option deaktiviert, um zu vermeiden, dass vorhandene Websites beschädigt werden, die auf 3.0 aktualisiert wurden. Die Verwendung einer optimierten DOM-Ausgabe auf vorhandenen Websites, die von einer Version vor 3.0 aktualisiert werden, kann dazu führen, dass das Erscheinungsbild und / oder die Funktionalität Ihrer Website beeinträchtigt werden. Aus diesem Grund ist die optimierte DOM-Ausgabe an aktualisierten Standorten deaktiviert und das ältere DOM bleibt bestehen. Wenn Sie jedoch ein Upgrade auf 3.0 durchführen und eine optimierte DOM-Ausgabe verwenden möchten, können Sie diese Funktion aktivieren. Geh einfach zu Elementor> Einstellungen> Erweitert und wählen Sie Aktivieren beim Optimierte DOM-Ausgabe Dropdown-Liste. Derzeit ist dies für neue Websites standardmäßig deaktiviert, obwohl sich dies in Zukunft ändern kann.

Wichtig: 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 Plus 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.

Siehe den Beitrag der Entwickler zu dieser Änderung Hier.