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.
The presence of these containers was due to the diverse use of Elementor, the ability to use these selectors in various ways to customize your site, and the universal purpose of Elementor as a solution for creating visually advanced websites.
Removing wrapper elements from the DOM contributes to more simplified code output, better readability, and less complexity. A smaller DOM helps increase speed and performance. However, this is a potentially significant change, so Elementor will default to Disabled for all sites.
What HTML wrappers were removed in 3.0?
Three (3) HTML containers are removed, including:
- .elementor-interior
- .elementor-row
- .elementor-column-wrap
Who is affected by this change?
By default, it is set to Disabled to avoid breaking existing sites that are upgraded to 3.0. Using optimized DOM output on existing sites that are upgrading from a version prior to 3.0 could cause the appearance and / or functionality of your website to break. For this reason, optimized DOM output is disabled on upgraded sites and the legacy DOM remains in place. However, if you upgrade to 3.0 and want to use optimized DOM output, you can enable this feature. Just go to Elementor> Settings> Advanced and select Enable at Optimized DOM output drop down. For now, this is also set to Disabled by default for new sites, although this may change in the future.
![file-kgfbcgyq7u-9636451](<span class="glossaryai-tooltip glossary-term-69504"><span class="glossaryai-link"><a href="https://rmarketingdigital.com/en/wiki/https/" target="_blank" data-wpel-link="internal">https</a></span><span class="gai-content-hidden glossaryai-tooltip-content"><span class="gai-tooltip-body"><span class="glossaryai-tooltip-text">HTTPS (protocolo de Transferencia de Hiper-Texto) es un protocolo que permite determinar una conexión segura entre el servidor y el cliente, que no puede ser interceptada por personas no autorizadas. En resumidas cuentas, es la versión segura de el http (Hyper Text Transfer Protocol) Cómo funciona Una conexión HTTP estándar en Internet puede ser fácilmente secuestrada por partes no autorizadas. El propósito de una conexión HTTPS es evitar esto: encriptar<span class="glossaryai-more-link"> <a href="https://rmarketingdigital.com/en/wiki/https/" data-wpel-link="internal">más</a></span></span></span></span></span>://rmarketingdigital.com/wp-content/uploads/2020/09/file-KgFBcgyQ7u-9636451.png)
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 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.
See the developers post on this change here.
