Creo que no soy el único que está expectante, curioso, incluso ansioso, con el lanzamiento de Divi 5, pero sobre todo para comprobar si finalmente cumplirá con todos nuestros deseos de mejora, para que no termine siendo un maquetador irrelevante, y deje paso a otros.
Así que, basándome en los avances que se van publicando en las distintas fases de su desarrollo aquí tienes unas cuantas comparaciones de prestaciones entre Divi 4 y Divi 5, para poder comprobar visualmente si realmente cambiará algo, mucho, o incluso todo, con la llegada de Divi 5.
A continuación vamos a comprobar a simple vista las novedades más importantes de Divi 5 con respecto a Divi 4, y cómo cambia la cosa … o no…
Divi y los shortcodes
Divi 4 usa shortcodes para todo, y eso da muchos problemas con lo que se entiende como un WordPress moderno. Cambiar de tema se vuelve un lío: el contenido queda lleno de códigos raros y muchas veces hay que rehacer toda la web desde cero. Por eso, mucha gente ha empezado a pasarse a opciones más evolucionadas como Bricks o Gutenberg.
Con Divi 5 esto cambia: se abandonan los shortcodes y ahora guarda el contenido en HTML limpio, compatible con el editor de bloques. Esto hace que todo sea más fácil frente a cambios, más estable, y más preparado para el futuro.
En las siguientes capturas tienes un ejemplo de una misma página tras desactivar Divi 4 (llena de shortcodes huérfanos) y tras desactivar Divi 5 (totalmente limpia):
La interfaz anticuada del maquetador visual Divi y el montón de clics para hacer cualquier cosa
El maquetador, o constructor, visual de Divi 4 es pesado de usar: demasiados clics, una interfaz poco intuitiva y una vista de capas que no se puede dejar fija y que acaba estorbando. Para los principiantes es confuso, y para los más avanzados, lento. Todo esto alarga el proceso de diseño y acaba frustrando.
Divi 5 mejora mucho esto. La nueva interfaz es más limpia y práctica. Ahora se pueden fijar los paneles, la vista de capas es más compacta y manejable, y todo está más organizado con pestañas. Además, han añadido una ruta de navegación que ayuda a no perderse en diseños complejos. El resultado: una experiencia mucho más ágil y moderna.
Aquí el cambio, realmente notorio, que además es lo que más vas a notar al pasarte a Divi 5:
Capacidades de diseño anticuadas de Divi
El sistema de diseño de Divi 4 se queda corto. No usa Flexbox y depende de filas rígidas, lo que limitaba mucho la creatividad. Para hacer algo un poco más avanzado —como un porfolio dinámico o una tabla de precios compleja— toca usar CSS personalizado o buscar soluciones rebuscadas. Esto no solo es lento, también frustra bastante.
Divi 5 mejora todo eso. Ahora permite crear diseños más modernos sin tener que tocar código (salvo que quieras). Una de las grandes novedades son las filas anidadas, que te dejan meter filas dentro de filas sin límite. Así puedes hacer estructuras complejas de forma mucho más libre y rápida. Ideal si quieres dejar de pelearte con el diseño y centrarte en crear.
Filas anidadas de Divi 5
Grupos de módulos de Divi 5
Los grupos de módulos actúan como contenedores versátiles y ofrecen opciones de estilo avanzadas para crear secciones consistentes y visualmente dinámicas.
Puntos de ruptura de Divi 5
Divi 5 añade siete puntos de ruptura personalizables proporcionan un control granular sobre el diseño adaptable (responsive), lo que garantiza diseños impecables en todos los dispositivos, desde teléfonos móviles hasta ordenadores de escritorio con grandes pantallas panorámicas.
Unidades avanzadas y variables de diseño de Divi 5
Otra característica muy interesante son las llamadas unidades avanzadas, que incluyen funciones CSS como calc() y clamp(), mientras que las variables de diseño permiten una consistencia de estilo en toda la web con un mínimo esfuerzo.
Gestión de atributos de Divi 5
La función de gestión de atributos de Divi 5 te permite crear sitios web más rápido y con mayor flexibilidad pues permiten aplicar ajustes preestablecidos o copiar atributos con un solo clic, lo que facilita la creación rápida de prototipos y cambios de estilo a gran escala, manteniendo la precisión.
Mejor no te lo explico, lo ves…
Módulos de blog y galería poco personalizables
En Divi 4, los módulos de blog y galería son más que limitados. Si quieres hacer algo moderno, como una cuadrícula de tipo masonry, un feed personalizado o una galería con estilo, necesitas plugins extra o tirar de código. Esto no solo complica el trabajo, también cuesta tiempo y dinero.
El generador de loops de Divi 5
Divi 5 lo soluciona con el nuevo generador de loops. Ahora puedes crear diseños dinámicos y totalmente personalizados para cualquier tipo de contenido (blogs, proyectos, eventos, etc.) usando los módulos de Divi, sin tocar código ni instalar nada más.
Puedes combinar texto, imágenes, botones y organizarlo todo como quieras, incluso con filas anidadas. Así creas una vez y reutilizas, con resultados mucho más pro y sin complicaciones.
Divi es lento y poco optimizado
El maquetador de Divi 4 puede llegar a ser bastante lento, sobre todo en páginas complejas. El constructor visual se atasca, tiene animaciones innecesarias y cambiar entre puntos de ruptura es lento. Todo esto hace que diseñar con Divi 4 lleve más tiempo del que debería y acabe desesperando a más de uno.
Divi 5 cambia totalmente las reglas, como ya vimos cuando se comprueba la velocidad de Divi 4 frente a Divi 5. Lo han reconstruido desde cero para que sea más rápido y ligero.
Solo carga lo que usas, elimina shortcodes y usa un sistema basado en HTML 5 como Gutenberg. Además, han afinado cómo se cargan los estilos y módulos para que solo se muestre lo necesario. El resultado: edición más fluida, carga más rápida de todas las páginas con Divi 5 y una base moderna lista para el futuro.
Por supuesto, hasta que no lo pruebes por tu cuenta no lo vas a notar realmente, pero el cambio es más que sorprendente, y los resultados como es de esperar.
¿Se ha quedado obsoleto Divi?
Muchos dudaban de si Divi podía seguir el ritmo de otros constructores más modernos, también yo, no te lo voy a negar, pero la respuesta es un sí rotundo, y con Divi 5 los sitios van más rápido que nunca.
Después de dos años de trabajo, han reconstruido todo el sistema desde cero con una arquitectura moderna que les permite sacar nuevas funciones cada una o dos semanas. Ahora Divi es más rápido, más flexible y siempre está evolucionando.
Con un constructor visual ágil, mayor velocidad de carga y total compatibilidad con el editor de bloques de WordPress, la experiencia de diseño mejora muchísimo. Además, con funciones como las variables de Diseño puedes cambiar estilos en todo el sitio con un solo clic. Divi 5 no solo se ha puesto al día, te va a sorprender, y los que tienen que empezar a replantearse todo son el resto de maquetadores, que o espabilan o se quedarán atrás frente a Divi 5.
Si te ha convencido la cosa mantén al día tu licencia de Divi, porque la actualización será gratuita de Divi 4 a Divi 5.
¿Qué, esperabas tantos cambios en Divi? ¿le darás una oportunidad? Mira que luego empezarás a ver por ahí webs fantásticas creadas en 4 clics y te vas a morir de envidia 😀
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
¿Y comparado con gutenberg nativo como lo ves?
Es que no son comparables, Gutenberg está aún (6 años después) muy verde, no llega ni de lejos a las capacidades de diseño de Divi.
Ahora, Divi 4 tiene un maquetador lento, pesado, y eso se acaba con Divi 5, el resto es genial.
¿Y cómo va de rendimiento al usuario, performance, core web vitals…? ¿Alguna prueba respecto a esto?
Hola Francisco, estuve haciendo unas pruebas en real, lo enlazo en el post, aquí:
¿Mejora Divi 5 el rendimiento y las métricas web de Google Core Web Vitals frente a Divi 4?
Pues sí que hay mejora, sí, y considerable 🙂
Mucha, y se nota desde el mismo momento en que pruebas la primera Alpha
Aprovecharé para hacer algún sitio nuevo, a ver qué tal va. Y si hacen posible la migración de 4 al 5 sin «traumas» ya serían los reyes.
Yo he probado y funciona sorprendentemente bien. Tengo montado sitios con la 4 y con la 5 para ir probando cada novedad.
Hola Fernando. Parece que Divi no está dispuesto a quedarse atrás y lo veo muy mejorado. Yo después de usar plantillas como Jupiter o Betheme, decidí darle oportunidad a Divi hace unos años pero me sentía muy limitado con lo que podía hacer en ese momento, ya que me tenía que valer de código para lograr ciertos diseños. Eso sí, cuando tenía dudas el soporte de Divi me ayudaba pero sentía que no me entendía con su constructor, así que volví con Betheme pero luego entró Elementor y desplazó mi uso de plantillas. Me gustó la sencillo que era diseñar en ese constructor y más aún cuando integró los flexbox containers y veo que ahora también lo tiene Divi, así que si Divi tuviera algo parecido a los «Nested Elements» de Elementor no dudaría en darle una segunda oportunidad
Pues lo tiene, en la versión 5 es una de sus funcionalidades más características y potentes, lo comento en el artículo 😉
Me acabo de convertir en esos que preguntan por precio cuando en el post ya han puesto el precio jejeje gracias por el dato Fernando, se me pasó ver esa parte que mencionaste. Entonces sin duda le dará una oportunidad a Divi
A mandar oye, que todos escaneamos los contenidos inicialmente 🙂
Pues tendré que darle otra oportunidad, la verdad que tengo la licencia abandonada desde hace 10 años quitando ir probando cada x tiempo y esta vez parece que sí va a ser la buena.
Veo que la interfaz es similar a herramientas nocode que tienen cosas interesantes sobre todo de cara a gente que no sea muy de código.
Gracias por el post 🙂
Va muy bien, que es lo que importa.
Y, aunque no hayas preguntado, es mucho más fácil de optimizar que Elementor, y sobre todo no da sustos en cada actualización, Divi hace muchos años que nunca rompe nada al actualizar