Divi vs Astra: así es como elegir el tema correcto (práctica)

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

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

Pero si bien comparten esa similitud, abordan la creación de un sitio de WordPress de maneras ligeramente diferentes, por lo que querrá pensar realmente qué tema es el adecuado para sus necesidades.

Para ayudarlo a tomar su decisión, hemos escrito esta comparación detallada 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.

Con ese fin, haremos lo siguiente:

• Destaca la diferencia de enfoque entre Divi y Astra.
• Mostrarle la experiencia de usuario de cada tema, con una mirada abreviada de cómo es construir un sitio web con cada uno.
• Ejecute nuestras propias pruebas de rendimiento para comparar el rendimiento de Astra vs 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.

Introducción a Divi vs Astra: dos enfoques diferentes

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

• Opciones detalladas de estilo y diseño en el Personalizador de WordPress.
• Constructores de páginas visuales 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.

divide

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

• El creador de páginas Divi visual de arrastrar y soltar.
• Construcción visual de temas de arrastrar y soltar, también a través de 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, lo que le permite diseñar el 100% de su sitio, incluido el encabezado, el pie de página y las plantillas de 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 el Divi Builder. Esa es una distinción importante al comparar Divi con Astra.

Características clave de Divi :

• De múltiples fines.
• Generador de páginas visual integrado de arrastrar y soltar para publicaciones y páginas.
• Creación de temas visuales integrados de arrastrar y soltar para encabezados, pies de página y plantillas.
• Configuración del tema 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 prediseñados).
• Compatibilidad WooCommerce.
• Pruebas A/B integradas a través de Divi Builder.
• Viene en una versión de tema y complemento.

Astra

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

En cambio, Astra está diseñado para funcionar bien con cualquier complemento de creación de páginas. Las tres integraciones más estrechas 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 del creador de páginas, ¡incluso podría usar la versión del complemento de Divi si lo desea!

O simplemente puede usarlo con el editor de bloques de WordPress normal; ciertamente no está obligado a instalar un creador de páginas. Astra incluso incluye sitios de demostración importables que se crean solo con el editor de bloques de Gutenberg.

A primera vista, puede parecer que Divi te ofrece más funciones... y eso es cierto desde el primer momento.

Sin embargo, si desea agregar las mismas funciones a Astra, todo lo que necesita hacer es instalar uno de los creadores de páginas con los 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.
• Peso ligero de menos de 50 KB, sin dependencias de 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).
• Opciones detalladas de estilo y diseño en el Personalizador de WordPress en tiempo real.
• Controles a nivel de página para ayudarlo a integrarse con los complementos del creador 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 de usuario

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

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

divide

Hay tres formas principales en las que trabajas 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 familiarizarse con él .
• Personalizador de temas : utilizará el personalizador de todo el tema para controlar el tema Divi. Con la llegada de Divi Theme Builder, es posible que no lo use tanto, sino que opte por crear sus plantillas con el constructor.
• Opciones del tema Divi : esta es otra área donde puede controlar las opciones del 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

Para algunas otras opciones, puede usar el área de Opciones de tema Divi de back-end:

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 usando el Divi Builder visual, de arrastrar y soltar.

Si vas a Divi → Theme Builder , podrás agregar tus propias plantillas para "anular" muchas de las configuraciones del Personalizador de WordPress. Es decir, podría diseñar su propia plantilla de encabezado que reemplace el encabezado que configuró en el Personalizador de temas:

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

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. Estas son básicamente la versión de Divi de sitios de demostración importables.

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

• Página principal
• Acerca de la página
• Lista de clase
• Ubicaciones
• Etc

Y ahí lo tienes: la versión muy rápida de lo que es crear un sitio de WordPress con Divi.

Astra

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

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

Primero elegirá su 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)
• Creador de páginas de Elementor
• Creador de páginas Beaver Builder
• Constructor de páginas Brizy

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

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 en sí, utilizará el Personalizador de WordPress en tiempo real:

Astra le ofrece un montón de opciones aquí, especialmente si compra Astra Pro.

Finalmente, si importó el contenido de demostración, podrá personalizarlo usando 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 la construcción visual de páginas de arrastrar y soltar y / o la construcción de temas a Astra, también querrá emparejarlo con un complemento de creación de páginas de WordPress por separado.

Divi vs Astra: rendimiento

Como base de su sitio de WordPress, su tema siempre jugará un papel importante en la rapidez con la 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 "¡Hola mundo!" correo.

Creo que esta es la forma más justa de comparar la optimización/el rendimiento listos 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 aproximarme a eso, ejecutaré una segunda prueba con un sitio de demostración importable de 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 de la mediana.
• Usando una conexión de 20/5 Mbps, que está alrededor de la velocidad promedio de los EE. UU. en su conjunto.

Profundicemos en los datos.

Prueba #1: Tema vacío y "¡Hola mundo!"

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

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

Prueba n.º 2: sitios de inicio importados

Ahora, es el momento para el escenario más realista.

Importé una plantilla de página de inicio centrada en la agencia para cada tema para probar cómo podría cargarse 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á la misma flexibilidad de diseño (y el mismo peso del creador de páginas) entre ambos sitios.

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

Tenga en cuenta que Divi tiene una optimización de secuencias de comandos 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 incorpora un sitio de inicio 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 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:

Conclusiones de rendimiento

En general, creo que es justo decir que Astra es mejor que Divi cuando se trata de rendimiento listo para usar.

Sin embargo, la diferencia puede 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 igualar la flexibilidad de diseño de Divi, entonces podría 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 tenga menos rendimiento optimizado, es solo el peso adicional del complemento de creación de páginas que elija. Hasta cierto punto, Divi tiene este peso incorporado, por lo que notó una diferencia tan grande en la primera prueba.

Sin embargo, si está de acuerdo con uno de los sitios de inicio del editor de bloques de Astra, entonces Astra ha vuelto a ser el claro ganador en lo que respecta al rendimiento.

Además, incluso si usa un generador 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 liviana de Astra cuando se trata de contenido en el que 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 una 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 central 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:

Entonces, 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 de Elegant Themes, que también le brinda acceso a todos los demás complementos/temas de Elegant Themes, como Bloom (opt-ins de correo electrónico), Monarch (intercambio social) y Extra (tema de revista) .

Si cree que usará esas herramientas, eso podría inclinar 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 adicionales de inicio de Astra, así como a algunos o todos los otros complementos de Brainstorm Force (según el paquete que elija).

Personalmente, creo que la línea de complementos de Brainstorm Force es más fuerte que la línea de Elegant Themes. Por ejemplo:

• Convert Pro (Brainstorm Force) es mucho mejor que Bloom (Elegant Themes) cuando se trata de suscripciones y crecimiento de su lista de correo electrónico.
• Schema Pro es uno de los mejores complementos de datos estructurados que existen.
• Ultimate Addons para Elementor y Ultimate Addons para Beaver Builder pueden ayudarlo a ampliar su elección de creador de páginas.

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

Estos son los precios de una licencia de un año:

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

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

¿Qué pasa con un complemento de creación 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 creación de páginas además 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 presupuestar un creador de páginas si está usando Astra.

Sin embargo, si desea una paridad de funciones completa 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 debe comprar algo como Elementor Pro, que comienza en $ 49. Eso haría retroceder las cosas a favor de Divi cuando se trata de precios.

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

Pensamientos 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 la opción todo en uno. Obtiene su tema y el generador de páginas integrados desde el primer momento 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ñado para emparejarse con su complemento de creación de páginas favorito, como Elementor, Brizy o Beaver Builder.

El caso de Divi

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

Listo para usar, Astra es mucho más liviano y tiene un rendimiento optimizado que Divi. Sin embargo, si combina 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 en las que 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ás 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 preconstruidas de Astra también facilitan la puesta en marcha y el funcionamiento rápido. 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 obtiene opciones de personalización detalladas, pero no está bloqueado en un solo generador de páginas como lo está 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 generador de páginas para diseñar las páginas principales de su sitio web de Astra, las publicaciones de su blog y otro contenido del editor nativo aún se cargarán más rápido con Astra debido a la base más liviana 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 querrán quedarse con Astra.

Personalmente, como alguien que pasa todo el día trabajando con WordPress, prefiero el enfoque de Astra. Me gusta que puedo elegir mi propio creador de páginas... o decidir no usar ningún 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.

¿Aún tienes dudas sobre cómo elegir entre Divi y Astra? ¿Tienes tus propios pensamientos para agregar a la mezcla? ¡Cuéntanos en los comentarios!