¿Qué es el DOM optimizado?

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 más.

La presencia de estos contenedores se debió al uso diverso de Elementor, la capacidad de usar estos selectores de varias maneras para personalizar su sitio y el propósito universal de Elementor como una solución para crear sitios web avanzados visualmente.

La eliminación de elementos de envoltura del DOM contribuye a una salida de código más simplificada, mejor legibilidad y menos complejidad. Un DOM más pequeño contribuye a aumentar la velocidad y el rendimiento. Sin embargo, este es un cambio potencialmente importante, por lo que Elementor estará predeterminado en Desactivado para todos los sitios.

¿Qué envoltorios HTML se eliminaron en 3.0?

Se eliminan tres (3) contenedores HTML, que incluyen:

• .elementor-interior
• .elementor-fila
• .elementor-column-wrap

¿A quién afecta este cambio?

De forma predeterminada, está configurado en Desactivado para evitar romper los sitios existentes que se actualizan a 3.0. El uso de la salida DOM optimizada en sitios existentes que se actualizan desde una versión anterior a 3.0 podría causar que la apariencia y / o funcionalidad de su sitio web se rompa. Por esta razón, la salida DOM optimizada está deshabilitada en los sitios actualizados y el DOM heredado permanece en su lugar. Sin embargo, si actualiza a 3.0 y desea utilizar la salida DOM optimizada, puede habilitar esta función. Simplemente ve a Elementor> Configuración> Avanzado y seleccione Habilitar en el Salida DOM optimizada desplegable. Por ahora, esto también está configurado como Desactivado de forma predeterminada en los sitios nuevos, aunque esto puede cambiar en el futuro.

Importante: 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 más 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.

Vea la publicación de los desarrolladores sobre este cambio aquí.