{"id":112428,"date":"2024-03-19T10:58:15","date_gmt":"2024-03-19T08:58:15","guid":{"rendered":"https:\/\/elementor.com\/blog\/presentamos-elementor-3-20-nuevas-funciones-de-condiciones-de-visualizacion-mejoras-de-rendimiento\/"},"modified":"2025-12-27T18:30:46","modified_gmt":"2025-12-27T16:30:46","slug":"presentamos-elementor-3-20-nuevas-funciones-de-condiciones-de-visualizacion-mejoras-de-rendimiento","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/es\/presentamos-elementor-3-20-nuevas-funciones-de-condiciones-de-visualizacion-mejoras-de-rendimiento\/","title":{"rendered":"Presentamos Elementor 3.20: Nuevas Funciones de Condiciones de Visualizaci\u00f3n, Mejoras de Rendimiento"},"content":{"rendered":"\n

Nos emocion\u00f3 ver el entusiasmo en torno a la introducci\u00f3n de las Condiciones de Visualizaci\u00f3n para elementos.\nEsta versi\u00f3n mejora a\u00fan m\u00e1s su poder al permitirte conectar m\u00faltiples condiciones usando el conector OR.\nAdem\u00e1s, ahora tienes la opci\u00f3n de establecer Condiciones de Visualizaci\u00f3n basadas en los Campos Personalizados nativos de WordPress.\nY por \u00faltimo, pero no menos importante, actualizar a la versi\u00f3n 3.20 tambi\u00e9n mejora el rendimiento de tu sitio web, resultando en una experiencia de construcci\u00f3n y visita m\u00e1s fluida. <\/p>\n\n

Obt\u00e9n Elementor <\/a>Pro<\/a><\/p>\n\n

Obt\u00e9n Elementor <\/a>Pro<\/a><\/p>\n\n

Actualiza tu Suscripci\u00f3n Pro<\/a><\/p>\n\n

Crea Esquemas de Condiciones Sofisticados con el Conector OR<\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

La versi\u00f3n anterior de las Condiciones de Visualizaci\u00f3n te permit\u00eda conectar m\u00faltiples condiciones usando el conector AND, que muestra el elemento si todas<\/em> las condiciones se cumplen.\nCon las mejoras a las Condiciones de Visualizaci\u00f3n en Elementor 3.20, puedes crear grupos de condiciones y conectarlos usando el conector OR.\nEsto te permitir\u00e1 establecer m\u00faltiples condiciones y mostrar el elemento si cualquiera<\/em> de las condiciones se cumple. <\/p>\n\n

Por ejemplo, si deseas mostrar un c\u00f3digo de cup\u00f3n para seguidores en redes sociales o visitantes que han iniciado sesi\u00f3n, puedes establecer dos grupos de condiciones para el mismo elemento que est\u00e1n conectados con el conector OR.\nEl primer grupo incluir\u00eda la condici\u00f3n \u201cEstado de Inicio de Sesi\u00f3n es Iniciado\u201d y el segundo grupo incluir\u00eda \u201cDesde URL<\/a> Contiene tu p\u00e1gina de redes sociales<\/em>\u201d.\nEsto mostrar\u00e1 el cup\u00f3n a los visitantes que o bien<\/em> han iniciado sesi\u00f3n o llegaron a la p\u00e1gina desde tu grupo de redes sociales. <\/p>\n\n

<\/a>Obt\u00e9n Elementor Pro para usar Condiciones de Visualizaci\u00f3n<\/a><\/p>\n\n

<\/a>Obt\u00e9n Elementor Pro para usar Condiciones de Visualizaci\u00f3n<\/a><\/p>\n\n

Actualiza tu suscripci\u00f3n Pro para conectar Condiciones de Visualizaci\u00f3n con l\u00f3gica OR<\/a><\/p>\n\n

Experiencias Din\u00e1micas para Visitantes Basadas en Etiquetas Din\u00e1micas <\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

Ahora puedes establecer condiciones de visualizaci\u00f3n basadas en Etiquetas Din\u00e1micas, incluyendo los Campos Personalizados nativos de WordPress.\nEstas condiciones son particularmente \u00fatiles para transformar tus plantillas de publicaciones y p\u00e1ginas individuales en dise\u00f1os din\u00e1micos que se ajustan a su contenido.\nPor ejemplo, si est\u00e1s usando un Widget de Caja de Iconos para mostrar un \u00edcono junto a tu t\u00edtulo poblado din\u00e1micamente, entonces puedes establecer una condici\u00f3n que muestre todo el Widget de Caja de Iconos solo cuando el t\u00edtulo \u00abNo est\u00e1 vac\u00edo\u00bb.\nLas condiciones basadas en Etiquetas Din\u00e1micas tambi\u00e9n tienen par\u00e1metros adicionales basados en los valores de los Campos Personalizados, como \u00abEs\/No es\u00bb o \u00abContiene\u00bb un cierto valor. <\/p>\n\n

<\/a>Obt\u00e9n Elementor Pro para usar Condiciones de Visualizaci\u00f3n<\/a><\/p>\n\n

<\/a>Obt\u00e9n Elementor Pro para usar Condiciones de Visualizaci\u00f3n<\/a><\/p>\n\n

Actualiza tu suscripci\u00f3n Pro para usar Condiciones de Visualizaci\u00f3n<\/a><\/p>\n\n

Mejoras de Rendimiento y Accesibilidad <\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

Mejoras de Rendimiento<\/strong><\/h2>\n\n

Esta versi\u00f3n de Elementor incluye actualizaciones significativas de rendimiento, resultando en experiencias de construcci\u00f3n y navegaci\u00f3n de sitios web m\u00e1s r\u00e1pidas y agradables.<\/p>\n\n

TTFB M\u00e1s R\u00e1pido<\/strong><\/h3>\n\n

Elementor 3.20 mejora la puntuaci\u00f3n de Time to First Byte (TTFB) en un 3-5%, y a\u00fan m\u00e1s en p\u00e1ginas m\u00e1s pesadas a trav\u00e9s de la optimizaci\u00f3n del renderizado de elementos.\nEsto se logra excluyendo controles innecesarios de ser renderizados en el frontend. <\/p>\n\n

Optimizaci\u00f3n del DOM<\/strong><\/h3>\n\n

Cada widget que colocas en tu sitio web y cada configuraci\u00f3n de funci\u00f3n o estilo que agregas crea c\u00f3digo que incluye instrucciones sobre c\u00f3mo los navegadores web deben renderizar tu sitio.\nComo cabr\u00eda esperar, cuanto m\u00e1s c\u00f3digo tengas, m\u00e1s tiempo le toma al navegador mostrar tu contenido.\nAl actualizar a la versi\u00f3n 3.20, reducir\u00e1s autom\u00e1ticamente la salida del DOM de los Contenedores, permiti\u00e9ndote construir dise\u00f1os sofisticados mientras mantienes un alto rendimiento.\nEn comparaci\u00f3n con la \u00faltima versi\u00f3n (3.19), los Contenedores Flexbox ahora producen un 39% menos de c\u00f3digo, y los Contenedores Grid producen un 85% menos de c\u00f3digo.\nAdem\u00e1s, esta versi\u00f3n mejora el rendimiento del Editor al reducir la salida del DOM de los controles de unidad personalizados. <\/p>\n\n

Mejoras de Accesibilidad<\/strong><\/h3>\n\n

Elementor contin\u00faa dedicando tiempo y esfuerzo para hacer que internet sea m\u00e1s accesible para los visitantes y desarrolladores web que dependen de tecnolog\u00edas asistivas.\nPara obtener informaci\u00f3n m\u00e1s detallada sobre las mejoras de accesibilidad, visita el Blog de Desarrolladores<\/a>. <\/p>\n\n