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

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

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