Divi vs Astra: así es cómo elegir el tema correcto (práctico)

¿Intenta elegir entre Divi vs Astra para su tema de WordPress?

Divi y Astra son dos de los temas multipropósito más populares de WordPress. Y realmente son multipropósito: puede usar ambos para crear todo, desde blogs hasta sitios web de negocios, tiendas de comercio electrónico, cursos en línea y más.

Pero aunque comparten esa similitud, se acercan a construir un sitio de WordPress de maneras ligeramente diferentes, por lo que querrás pensar realmente qué tema es el adecuado para tus necesidades.

Para ayudarlo a tomar su decisión, hemos escrito esta comparación en profundidad de Divi vs Astra.

En esta publicación, nuestro objetivo es comparar las características más importantes que deberían marcar la diferencia en su decisión.

Para ese fin, haremos lo siguiente:

  • Destaque la diferencia de enfoque entre Divi y Astra.
  • Le muestra la experiencia del usuario de cada tema, con una visión abreviada de cómo es crear un sitio web con cada uno.
  • Realice nuestras propias pruebas de rendimiento para comparar el rendimiento de Astra con el de Divi.
  • Discuta las diferencias en los precios (¡hay muchas permutaciones!).
  • Dé nuestra recomendación general sobre quién debería elegir Divi y quién debería elegir Astra.

Hay mucho que cubrir, así que profundicemos.

Divi vs Astra Introducción: dos enfoques diferentes

A un alto nivel, tanto Divi como Astra están diseñados para brindarle una flexibilidad de diseño completa con una combinación de:

  • Estilo detallado y opciones de diseño en el Personalizador de WordPress.
  • Visual, constructores de páginas de arrastrar y soltar (o el editor de bloques de WordPress) para diseñar su propio contenido.

Sin embargo, hacen las cosas de diferentes maneras.

Divi

Divi te da todo en un solo paquete. Al instalar solo el tema Divi, obtienes acceso a:

  • El visual, constructor de páginas Divi de arrastrar y soltar.
  • Creación visual de temas de arrastrar y soltar, también a través del Divi Builder.
  • Muchas opciones en el personalizador de WordPress en tiempo real.
  • Un área de configuración detallada del tema en el backend de WordPress.

Con la última versión de Divi, puede pasar a la creación de temas completos, que le permite diseñar el 100% de su sitio, incluidas las plantillas de encabezado, pie de página y publicación / página, utilizando la interfaz visual de arrastrar y soltar de Divi Builder.

Básicamente, Divi es un paquete que le brinda todo lo que necesita para diseñar su sitio web.

Por supuesto, eso también significa que obtienes todo sin importar qué. Por ejemplo, incluso si prefiere usar el editor de bloques de WordPress, aún obtiene Divi Builder. Esa es una distinción importante al comparar Divi con Astra.

Características clave de Divi:

  • De múltiples fines.
  • Constructor de páginas visual integrado, de arrastrar y soltar para publicaciones y páginas.
  • Creación visual integrada de temas de arrastrar y soltar para encabezados, pies de página y plantillas.
  • Configuración de temas en el Personalizador de WordPress (o puede usar Divi para construir todo).
  • Más de 164 paquetes de diseño importables (básicamente sitios web de demostración preconstruidos).
  • Compatibilidad con WooCommerce.
  • Pruebas A / B incorporadas a través del Divi Builder.
  • Viene en una versión de tema y complemento.

Astra

Tema Astra

Astra, por otro lado, es solo un tema de WordPress. Es decir, el desarrollador de Astra no incluye su propio generador visual de páginas de arrastrar y soltar.

En cambio, Astra está diseñado para jugar bien con cualquier complemento de generador de páginas. Las tres integraciones más estrictas son para Elementor, Beaver Builder y Brizy, ya que Astra viene con sitios de demostración importables creados con esos creadores de páginas.

Sin embargo, puede usar literalmente cualquier complemento de creación de páginas, ¡incluso podría usar la versión de complemento de Divi si lo desea!

O bien, puede usarlo con el editor de bloques normal de WordPress: ciertamente no está obligado a instalar un generador de páginas. Astra incluso incluye sitios de demostración importantes que se crean con solo el editor de bloques Gutenberg.

A primera vista, puede parecer que Divi te ofrece más funciones … y eso es cierto.

Sin embargo, si desea agregar las mismas funciones a Astra, todo lo que necesita hacer es instalar uno de los creadores de páginas que Astra combina tan bien.

Al darle la opción de elegir su propio editor, Astra es en realidad un poco más flexible que Divi, donde su única opción es usar Divi Builder.

Características clave de Astra:

  • De múltiples fines.
  • Versión gratuita en WordPress.org.
  • Ligero con menos de 50 KB, sin dependencias jQuery.
  • Más de 280 sitios de demostración importables creados con el editor de bloques, Elementor, Beaver Builder o Brizy (algunos sitios de demostración están duplicados en diferentes editores, por lo que la cantidad de demostraciones únicas es inferior a 280).
  • Estilo detallado y opciones de diseño en el personalizador de WordPress en tiempo real.
  • Controles a nivel de página para ayudarlo a integrarse con los complementos del generador de páginas.
  • Compatibilidad con WooCommerce y configuraciones especiales.
  • Integraciones especiales para LifterLMS y LearnDash para crear cursos en línea.

Divi vs Astra: experiencia del usuario

En lugar de tratar de comparar cada característica esencial en el resumen, creo que podría ser más útil repasar cómo es construir un sitio web de WordPress con Divi y Astra.

Mantendré esta sección de alto nivel, pero debería ilustrar las diferencias de enfoque.

Divi

Hay tres formas principales de trabajar con el tema Divi:

  • Divi Builder – Este es el generador visual de arrastrar y soltar. Puede usarlo para diseñar su contenido, así como su encabezado, pie de página y otras plantillas. Pasará la mayor parte de su tiempo en Divi Builder. Puede probar una demostración aquí para tener una idea..
  • Personalizador de temas – Utilizará el Personalizador de todo el tema para controlar el tema Divi. Con el advenimiento de Divi Theme Builder, es posible que no use esto tanto, sino que opte por crear sus plantillas con el generador.
  • Opciones de tema Divi – Esta es otra área donde puede controlar las opciones de tema Divi que no están en el Personalizador. No pasarás tanto tiempo aquí.

A partir de Divi 4.0, hay dos formas de controlar el diseño básico de su tema.

Primero, puede usar el Personalizador de WordPress, que es la forma “normal” de controlar el tema Divi (y cómo controla la mayoría de los temas de WordPress, incluido Astra).

Obtendrá una variedad de opciones en la barra lateral para controlar su:

  • Encabezado y navegación
  • Pie de página
  • Diseño del blog
  • Botones
  • Esquemas de color
  • Estilos móviles
  • Etc.

Divi theme Customizer

Para algunas otras opciones, puede usar el área de Opciones del tema Divi de fondo:

Opciones de tema Divi

Sin embargo, a partir de Divi 4.0, Divi también incluye la creación de temas completos.

Con la creación de temas, puede diseñar las plantillas de su tema utilizando el Divi Builder visual de arrastrar y soltar.

Si vas a Divi → Generador de temas, podrá agregar sus propias plantillas para “anular” muchas de las configuraciones del Personalizador de WordPress. Es decir, puede diseñar su propia plantilla de encabezado que reemplace el encabezado que configuró en el Personalizador de temas:

Divi theme builder

Cuando crea su encabezado, puede usar módulos dedicados para insertar elementos importantes. Por ejemplo, el Menú El módulo le permite insertar el menú de navegación que configuró visitando Apariencia → Menús.

Divi Builder

Para publicaciones y páginas, también puede usar Divi Builder.

Aquí, obtendrá acceso a cientos de paquetes de diseño, que son esencialmente conjuntos de plantillas temáticas que lo ayudan a crear un sitio completo. Básicamente, se trata de la versión de Divi de sitios de demostración importables.

Por ejemplo, el paquete de diseño para un sitio web de gimnasio incluiría plantillas para:

  • Página principal
  • Sobre la pagina
  • Lista de clase
  • Localizaciones
  • Etc.

Paquetes de diseño Divi

Y ahí lo tiene: la versión rápida de cómo es construir un sitio de WordPress con Divi.

Astra

La experiencia del usuario de Astra es un poco más simplificada porque no incluye su propio creador de páginas.

Después de instalar el tema, puede instalar el complemento complementario de Plantillas de inicio de WordPress.org para acceder a todos los sitios de demostración de Astra.

Primero elegirás tu editor de contenido preferido. Todo el contenido del sitio de demostración se creará con este editor. Tienes cuatro opciones:

  • El editor de bloques nativo de WordPress (Gutenberg)
  • Constructor de páginas Elementor
  • Beaver Builder constructor de páginas
  • Brizy page builder

Por ejemplo, aquí están todos los sitios de demostración para el editor de bloques de WordPress:

Sitios de inicio de Astra

Cuando importa un sitio de demostración, puede importar todo el sitio y todas las configuraciones del Personalizador. O bien, puede importar solo partes específicas del sitio de demostración.

Para personalizar el tema de Astra, usará el Personalizador de WordPress en tiempo real:

Opciones de Astra Customizer

Astra le ofrece opciones aquí, especialmente si compra Astra Pro.

Finalmente, si importó el contenido de demostración, podrá personalizarlo con el editor que seleccionó.

Por ejemplo, si elige las plantillas de Gutenberg, puede editar todo utilizando el editor de bloques nativo de WordPress.

Una vez más, si desea agregar a Astra la creación visual de páginas de arrastrar y soltar y / o la creación de temas, también debe emparejarlo con un complemento de generador de páginas de WordPress separado.

Divi vs Astra: rendimiento

Como base de su sitio de WordPress, su tema siempre jugará un papel importante en la rapidez con que se carga su sitio.

Con ese fin, profundicemos en una comparación entre el rendimiento de Astra y Divi.

Primero, probaré cada tema en una nueva instalación de WordPress con solo el “¡Hola mundo!” enviar.

Creo que esta es la forma más justa de comparar la optimización / rendimiento listo para usar de cada tema.

Sin embargo, no es una prueba del mundo real muy realista porque es básicamente un sitio vacío. En el mundo real, su sitio estará mucho más ocupado.

Para tratar de aproximar eso, haré una segunda prueba con un sitio de demostración importante para cada tema. Esta prueba no será tan justa porque los sitios de demostración no son idénticos. Sin embargo, intentaré elegir sitios de inicio que sean más o menos iguales.

Como referencia, así es como estoy probando:

  • Usando WebPageTest.
  • Ejecutando seis pruebas separadas y tomando el valor medio.
  • Usando una conexión de 20/5 Mbps, que es alrededor de la velocidad promedio para los Estados Unidos en su conjunto.

Profundicemos en los datos.

Prueba n. ° 1: Tema vacío y “¡Hola, mundo!”

Tamaño de página Solicitudes HTTP Mediana carga de página
Divi 395 KB 20 0,848 s
Astra 42 KB 8 0.427 s

Como muestran los datos, Astra es un poco más liviano fuera de la caja cuando se trata del tamaño de página y las solicitudes HTTP (así como los tiempos de carga).

En general, Astra claramente gana la prueba n. ° 1: no hay competencia.

Prueba n. ° 2: sitios de inicio importados

Ahora es el momento del escenario más realista.

Importé una plantilla de página de inicio centrada en la agencia para cada tema para probar cómo se puede cargar un sitio web completo.

Para tratar de hacer esto lo más justo posible, utilicé Elementor para el sitio de inicio de Astra. De esta manera, tendrá una flexibilidad de diseño “igual” (y el mismo peso del creador de páginas) entre ambos sitios.

Sin embargo, si desea que Astra sea un poco más ligero, puede optar por utilizar uno de los sitios de inicio del editor de bloques.

Tamaño de página Solicitudes HTTP Mediana carga de página
Divi 1.452 MB 27 1.472 s
Astra con Elementor 1.520 MB 60 60 1.507 s

Tenga en cuenta que Divi tiene una optimización de script incorporada, que es una de las razones por las que sus solicitudes HTTP son mucho más bajas. Podría lograr algo similar con Astra si usa el complemento gratuito Autoptimize.

Como puede ver, Divi y Astra son casi iguales cuando trae un sitio inicial de Elementor a la mezcla. Entonces, dependiendo de cómo use Astra, es posible que no se dé cuenta de una mejora de rendimiento tan grande como lo indicó la primera prueba, al menos en sus páginas principales.

Sin embargo, si tuviera que importar un sitio de inicio de Astra que está construido con el editor de bloques en lugar de Elementor, puede ver cómo Astra avanza nuevamente:

Tamaño de página Solicitudes HTTP Mediana carga de página
Divi 1.452 MB 27 1.472 s
Astra 1.092 MB 33 1.004 s

Conclusiones de rendimiento

En general, creo que es justo decir que Astra es mejor que Divi cuando se trata de un rendimiento inmediato.

Sin embargo, la diferencia podría no ser necesariamente tan grande dependiendo de cómo use Astra.

Si planea emparejar Astra con un creador de páginas, que sería lo que necesita hacer para que coincida con la flexibilidad de diseño de Divi, entonces puede encontrar que su sitio funciona a un nivel similar, al menos en las páginas donde usa el creador de páginas .

Esto no se debe a que Astra de repente se haya visto menos optimizado para el rendimiento: es solo el peso agregado de cualquier complemento de generador de páginas que elija. Hasta cierto punto, Divi tiene este peso incorporado, por lo que vio una gran diferencia en la primera prueba.

Sin embargo, si está de acuerdo con uno de los sitios de inicio de editor de bloque de Astra, Astra vuelve a ser el claro ganador en lo que respecta al rendimiento.

Además, incluso si usa un creador de páginas para diseñar las páginas principales de su sitio de Astra, aún se beneficiaría de la base más ligera de Astra cuando se trata de contenido donde usa el editor nativo de WordPress, como las publicaciones de su blog.

En general, cuando se trata de rendimiento, Astra es definitivamente el ganador.

Solo recuerde que si usa un creador de páginas para gran parte del contenido de su sitio Astra, estará negando parte de esa ventaja.

Precios

En primer lugar, hay una diferencia de precios clave entre Astra y Divi. Astra tiene una versión gratuita en WordPress.org, mientras que Divi solo viene en una versión premium.

Si desea ampliar el tema principal gratuito con más funciones y opciones de personalización, puede comprar Astra Pro (que técnicamente es un complemento).

Cuando se trata de precios para la opción premium de Astra, Astra es aún más asequible si solo está buscando un tema. Hay algunas peculiaridades en eso, pero tengan paciencia con nosotros por un segundo.

Tanto Divi como Astra permiten el uso en sitios web ilimitados. Ambos también le dan la opción de elegir entre una licencia de un año y una licencia de por vida.

Así es como se sacude el precio:

Un año Toda la vida
Divi $ 89 $ 249
Astra $ 59 $ 249

Por lo tanto, las licencias de por vida son idénticas, mientras que la licencia anual de Astra es un poco más barata.

Sin embargo, el precio de Divi es en realidad para la membresía Elegant Themes, que también le da acceso a todos los otros complementos / temas de Elegant Themes, como Bloom (opciones de correo electrónico), Monarch (intercambio social) y Extra (tema de la revista) .

Si crees que usarás esas herramientas, eso podría poner las cosas a favor de Divi.

Pero…

Brainstorm Force, el desarrollador detrás de Astra, también ofrece su propia membresía / paquete.

Con estos paquetes, obtendrá acceso a más de 55 sitios web de inicio Astra adicionales, así como a algunos / todos los otros complementos de Brainstorm Force (dependiendo del paquete que elija).

Personalmente, creo que la alineación de plugins de Brainstorm Force es más fuerte que la alineación de Elegant Themes. Por ejemplo:

Dicho esto, los paquetes de Brainstorm Force son significativamente más caros que la membresía Elegant Themes, por lo que deberá decidir si esas ventajas valen el precio.

Aquí están los precios para una licencia de un año:

Membresía de Temas Elegantes $ 89
Mini Agencia Brainstorm Force $ 276
Brainstorm Force Agencia completa $ 523

¿Qué pasa con un generador de páginas con Astra?

¡Hay un último problema para comparar los precios de Divi vs Astra!

¿Qué pasa con un complemento de generador de páginas?

El precio de Divi incluye el Divi Builder completo, mientras que el precio de Astra solo incluye el tema.

Entonces, ¿necesita comprar un complemento de generador de páginas encima de Astra?

En primer lugar, todos los sitios de inicio del creador de páginas de Astra se crean utilizando las versiones gratuitas del creador de páginas.

Eso significa que no necesariamente necesita un presupuesto para un creador de páginas si está utilizando Astra.

Sin embargo, si desea paridad de funciones completas con lo que puede hacer con Divi Builder, es posible que deba abrir su billetera. Por ejemplo, Divi Theme Builder le permite usar una interfaz visual de arrastrar y soltar para diseñar sus plantillas de encabezado, pie de página y publicación.

Para lograr lo mismo con Astra, también deberías comprar algo como Elementor Pro, que comienza en $ 49. Eso retrasaría las cosas a favor de Divi cuando se trata de precios.

Pero, en general, diría que los usuarios de Astra no necesitarán comprar un complemento de generador de páginas premium, por lo que Astra seguirá siendo más barato.

Reflexiones finales sobre Divi vs Astra

En general, es difícil elegir un ganador claro porque Divi y Astra tienen filosofías diferentes.

Divi es más de la opción todo en uno. Obtiene su tema y el generador de páginas agrupados directamente de la caja y puede diseñar todo usando el generador visual de arrastrar y soltar de Divi, incluso sus plantillas de temas.

Astra es un poco más versátil. Es ligero y personalizable con solo el tema. Y si desea una edición visual de arrastrar y soltar como Divi, Astra está diseñada para emparejarse con su complemento de generador de páginas favorito, como Elementor, Brizy o Beaver Builder.

El caso de Divi

Al comparar Divi vs Astra por sí mismo (sin generador de páginas emparejado), Divi es obviamente mucho más flexible. Sin embargo, es importante recordar que la mayoría de las personas empareja Astra con un complemento de generador de páginas, que ofrece más paridad de características 1: 1.

Fuera de la caja, Astra es mucho más liviano y tiene un rendimiento optimizado que Divi. Sin embargo, si empareja Astra con un creador de páginas, la diferencia de rendimiento no es tan dramática debido al peso adicional del creador de páginas … al menos, en las páginas donde está utilizando un creador de páginas.

En general, debido a su enfoque todo en uno, creo que Divi puede ser un poco mejor si recién está comenzando con WordPress. Por ejemplo, si está creando su primer sitio de WordPress, el enfoque todo en uno de Divi hace que sea un poco más simple configurar todo y comprender cómo se conecta todo.

Dicho esto, las plantillas de inicio precompiladas de Astra también facilitan la puesta en marcha rápida. Lo único que complica un poco el proceso es que también necesitarás aprender / confiar en complementos de terceros más que si estuvieras usando Divi.

El caso de Astra

En general, los usuarios experimentados de WordPress pueden preferir Astra por su enfoque más abierto. Con Astra, aún obtienes opciones de personalización detalladas, pero no estás encerrado en un solo generador de páginas como lo estás con Divi. Puede elegir entre Elementor, Beaver Builder, Brizy y más, según sus preferencias.

Además, debido a que Astra es más liviano, es más fácil crear un sitio web de carga rápida.

Incluso si usa un creador de páginas para diseñar las páginas principales de su sitio web de Astra, sus publicaciones de blog y otro contenido de editor nativo aún se cargarían más rápido con Astra debido a la base más ligera de Astra.

Además, el tema central de Astra es gratuito, lo cual es un gran punto a favor de Astra por sí mismo. Con solo el tema gratuito y los sitios de inicio preconstruidos, ya puede crear un sitio web atractivo. Divi no ofrece una versión gratuita, por lo que las personas con un presupuesto ajustado probablemente quieran seguir con Astra.

Personalmente, como alguien que pasa todo el día trabajando con WordPress, prefiero el enfoque de Astra. Me gusta poder elegir mi propio creador de páginas … o decidir no utilizar un creador de páginas, dependiendo del sitio.

También valoro las optimizaciones de rendimiento de Astra, ya que la velocidad de la página es importante para mí en todos los sitios que construyo.

¿Todavía tiene alguna pregunta sobre cómo elegir entre Divi vs Astra? ¿Tienes tus propios pensamientos para agregar a la mezcla? ¡Háganos saber en los comentarios!

Publicaciones relacionadas

Botón volver arriba