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

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

Siehe den Beitrag der Entwickler zu dieser Änderung Hier.