{"id":128007,"date":"2025-01-08T11:41:15","date_gmt":"2025-01-08T09:41:15","guid":{"rendered":"https:\/\/quondos.com\/mag\/?p=128007"},"modified":"2025-01-08T11:41:18","modified_gmt":"2025-01-08T09:41:18","slug":"elementor-3-26-impulsa-el-diseno-dinamico-y-mejora-el-rendimiento-web","status":"publish","type":"post","link":"https:\/\/quondos.com\/mag\/elementor-3-26-impulsa-el-diseno-dinamico-y-mejora-el-rendimiento-web\/","title":{"rendered":"Elementor 3.26 impulsa el dise\u00f1o din\u00e1mico y mejora el rendimiento web"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"334\" src=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2025\/01\/elementor-diseno.webp\" alt=\"\" class=\"wp-image-128008\" title=\"\" srcset=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2025\/01\/elementor-diseno.webp 600w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2025\/01\/elementor-diseno-300x167.webp 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>La nueva versi\u00f3n <strong>Elementor 3.26<\/strong> llega con una propuesta sumamente interesante: impulsar el <strong>dise\u00f1o din\u00e1mico<\/strong> y acelerar el rendimiento de los sitios web con optimizaciones de CSS y mejoras en la estructura del DOM. Seg\u00fan informes, tambi\u00e9n introduce funcionalidades como la detecci\u00f3n de AdBlock y la posibilidad de unificar im\u00e1genes de producto con ayuda de la <strong>IA<\/strong>. En esta nota, exploraremos las novedades que buscan agilizar nuestro proceso de desarrollo y potenciar la experiencia de cada visitante.<\/p>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/quondos.com\/mag\/elementor-3-26-impulsa-el-diseno-dinamico-y-mejora-el-rendimiento-web\/#Diseno_dinamico_con_Off-Canvas_y_Loop_Grids\" >Dise\u00f1o din\u00e1mico con Off-Canvas y Loop Grids<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/quondos.com\/mag\/elementor-3-26-impulsa-el-diseno-dinamico-y-mejora-el-rendimiento-web\/#Sitios_mas_rapidos_con_optimizaciones_de_CSS_y_DOM\" >Sitios m\u00e1s r\u00e1pidos con optimizaciones de CSS y DOM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/quondos.com\/mag\/elementor-3-26-impulsa-el-diseno-dinamico-y-mejora-el-rendimiento-web\/#Pro_Deteccion_de_AdBlock_para_Popups\" >[Pro] Detecci\u00f3n de AdBlock para Popups<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/quondos.com\/mag\/elementor-3-26-impulsa-el-diseno-dinamico-y-mejora-el-rendimiento-web\/#Unificar_imagenes_de_producto_con_IA\" >Unificar im\u00e1genes de producto con IA<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/quondos.com\/mag\/elementor-3-26-impulsa-el-diseno-dinamico-y-mejora-el-rendimiento-web\/#Mas_novedades_en_Elementor_326\" >M\u00e1s novedades en Elementor 3.26<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Diseno_dinamico_con_Off-Canvas_y_Loop_Grids\"><\/span>Dise\u00f1o din\u00e1mico con Off-Canvas y Loop Grids<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>Una de las grandes incorporaciones es la <strong>funcionalidad Off-Canvas<\/strong> para los Loop Grids en la versi\u00f3n Pro. Seg\u00fan la nota de prensa, ahora es posible a\u00f1adir el widget Off-Canvas directamente en plantillas de Loop Grid, facilitando la creaci\u00f3n de experiencias interactivas sin salir de la misma p\u00e1gina. Esto resulta muy \u00fatil en cat\u00e1logos de productos, blogs, y hasta listados de servicios.<\/p>\n\n<p>De acuerdo con la fuente, se pueden disparar estos Off-Canvas desde cualquier <strong>campo de enlace<\/strong> disponible, por ejemplo en un bot\u00f3n, un encabezado o una imagen. As\u00ed, el usuario puede ver detalles adicionales, como descripciones extensas o formularios de contacto, sin tener que navegar a otra URL. Este enfoque ayuda a mantener la atenci\u00f3n del visitante y reducir la tasa de rebote.<\/p>\n\n<p>La ventaja principal radica en su <strong>flexibilidad<\/strong>, ya que el contenido que se muestra en el Off-Canvas se conecta din\u00e1micamente a cada \u00edtem del Grid. Esto permite a los propietarios de un ecommerce, por ejemplo, exhibir informaci\u00f3n detallada de cada art\u00edculo, de manera personalizada, y agilizar posibles compras con un sistema de \u201cvista r\u00e1pida\u201d. Para m\u00e1s consejos sobre dise\u00f1o, revisa nuestra <a href=\"\/tutorial-elementor\" target=\"_blank\" rel=\"noopener\">gu\u00eda interna de Elementor<\/a>.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Sitios_mas_rapidos_con_optimizaciones_de_CSS_y_DOM\"><\/span>Sitios m\u00e1s r\u00e1pidos con optimizaciones de CSS y DOM<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>Seg\u00fan informes, el equipo de Elementor ha puesto la <strong>velocidad de carga<\/strong> y la eficiencia en primer plano. Se han realizado ajustes inteligentes en el CSS, de manera que los estilos para carruseles (Swiper) solo se cargan cuando realmente se usan. Esto representa un ahorro de m\u00e1s de 26 KB de c\u00f3digo en p\u00e1ginas que no requieran widgets de carrusel, resultando en tiempos de carga m\u00e1s veloces.<\/p>\n\n<p>Adem\u00e1s, se ha refinado el manejo de los archivos de <strong>CSS<\/strong> para reducir su tama\u00f1o. Con ello, cada p\u00e1gina optimiza su tiempo de respuesta, mejorando la experiencia general del usuario y contribuyendo a una mejor calificaci\u00f3n en herramientas de auditor\u00eda web como Lighthouse. Esta labor de limpieza tambi\u00e9n simplifica el mantenimiento, al disponer de estilos m\u00e1s organizados y f\u00e1ciles de depurar.<\/p>\n\n<p>Otro cambio significativo apunta al <strong>DOM<\/strong>. Un DOM m\u00e1s ligero implica tiempos de renderizado m\u00e1s \u00e1giles y un mejor rendimiento general. Con esta versi\u00f3n 3.26, se eliminan envoltorios innecesarios y se sustituyen elementos ocultos con etiquetas m\u00e1s eficientes, sin comprometer la accesibilidad. Gracias a ello, la estructura HTML queda m\u00e1s limpia y reduce el riesgo de penalizaciones por parte de buscadores.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Pro_Deteccion_de_AdBlock_para_Popups\"><\/span>[Pro] Detecci\u00f3n de AdBlock para Popups<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>En la versi\u00f3n Pro, Elementor introduce una <strong>nueva opci\u00f3n<\/strong> de detecci\u00f3n de AdBlock. Seg\u00fan la nota de prensa, esta funcionalidad permite mostrar popups espec\u00edficos cuando un usuario visita la p\u00e1gina con bloqueadores de anuncios activos. Es ideal para comunicar la importancia de desactivar estos bloqueos o explicar al visitante por qu\u00e9 deber\u00edan habilitar ciertos contenidos.<\/p>\n\n<p>Se ha a\u00f1adido adem\u00e1s una etiqueta din\u00e1mica llamada <strong>Reload Page<\/strong>, la cual posibilita recargar la p\u00e1gina despu\u00e9s de pulsar un bot\u00f3n en el popup. Con esta caracter\u00edstica, si el visitante decide desactivar AdBlock, podr\u00e1 ver los cambios inmediatamente tras la recarga. Seg\u00fan informes, esta novedad proporciona un m\u00e9todo amigable de concienciar a los usuarios sin interrumpir su navegaci\u00f3n.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Unificar_imagenes_de_producto_con_IA\"><\/span>Unificar im\u00e1genes de producto con IA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>Los sitios de <strong>WooCommerce<\/strong> tambi\u00e9n salen beneficiados con Elementor 3.26, gracias a la funci\u00f3n Unify Product Images, que emplea inteligencia artificial para dar un aspecto m\u00e1s profesional a las fotos de tus productos. Seg\u00fan informes, la IA ajusta la posici\u00f3n de cada imagen, a\u00f1ade sombras sutiles y te permite escoger el color de fondo para generar coherencia visual.<\/p>\n\n<p>Estos retoques se pueden hacer de forma individual o <strong>en lote<\/strong>, ahorrando tiempo a los due\u00f1os de tiendas online. La capacidad de elegir la tonalidad de fondo garantiza que cada producto coincida con la identidad de marca. Para los emprendedores, esta opci\u00f3n agiliza enormemente la carga de nuevos art\u00edculos y mejora la presentaci\u00f3n sin requerir un experto en edici\u00f3n fotogr\u00e1fica.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Mas_novedades_en_Elementor_326\"><\/span>M\u00e1s novedades en Elementor 3.26<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>Adem\u00e1s de las mejoras mencionadas, la versi\u00f3n 3.26 trae una serie de <strong>optimizaciones<\/strong> dirigidas a la accesibilidad y la compatibilidad con diferentes navegadores. Entre ellas, se actualiz\u00f3 el m\u00ednimo de Safari a la versi\u00f3n 15.5 para brindar mejor estabilidad y rendimiento. Igualmente, se han hecho ajustes en la representaci\u00f3n de <strong>bloques de Gutenberg<\/strong> en el front-end, ofreciendo un mayor control visual.<\/p>\n\n<p>En cuanto a la accesibilidad, se han ajustado <strong>atributos<\/strong> y se ha optimizado la navegaci\u00f3n por teclado, sobre todo en el uso de carruseles, con el objetivo de cumplir est\u00e1ndares globales y ofrecer una experiencia m\u00e1s inclusiva. Estas mejoras indican que el equipo de Elementor sigue comprometido con crear herramientas \u00fatiles para todo tipo de usuarios, impulsando la evoluci\u00f3n del dise\u00f1o web.<\/p>\n\n<p>En definitiva, <strong>Elementor 3.26<\/strong> fusiona rendimiento, funcionalidad y eficiencia, dotando a los creadores de sitios web con un abanico de herramientas que agilizan el proceso de dise\u00f1o y mejoran la experiencia del visitante. Desde la implementaci\u00f3n de Off-Canvas hasta la detecci\u00f3n de AdBlock, esta actualizaci\u00f3n busca un equilibrio entre est\u00e9tica y operatividad, reafirmando a Elementor como una plataforma en constante evoluci\u00f3n.<\/p>\n\n\n\n\n<p>Fuente: https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La nueva versi\u00f3n Elementor 3.26 llega con una propuesta sumamente interesante: impulsar el dise\u00f1o din\u00e1mico y acelerar el rendimiento de &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Elementor 3.26 impulsa el dise\u00f1o din\u00e1mico y mejora el rendimiento web\" class=\"read-more button\" href=\"https:\/\/quondos.com\/mag\/elementor-3-26-impulsa-el-diseno-dinamico-y-mejora-el-rendimiento-web\/#more-128007\" aria-label=\"Leer m\u00e1s sobre Elementor 3.26 impulsa el dise\u00f1o din\u00e1mico y mejora el rendimiento web\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":850,"featured_media":128008,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[163],"tags":[],"class_list":["post-128007","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/128007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/users\/850"}],"replies":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/comments?post=128007"}],"version-history":[{"count":2,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/128007\/revisions"}],"predecessor-version":[{"id":128010,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/128007\/revisions\/128010"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media\/128008"}],"wp:attachment":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media?parent=128007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/categories?post=128007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/tags?post=128007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}