Comparación de velocidad y rendimiento vs Astra (2021): ¿Cuál es más rápido?

¿Intenta averiguar cuál es el tema más rápido entre Div y Astra?Ambos temas son opciones multifuncionales increíblemente populares, que son extremadamente personalizables.Puede usarlos para cualquier tipo de sitio de WordPress, desde un blog hasta una cartera, comercio electrónico, sitio web de negocios, tienda en línea y más.Div viene con su propio editor visual incorporado, Drag-and-Drop (Divi Builder).Astra se crea para asociarse con complementos de generación de páginas populares, como Elementor y Beaver Builder o con el editor nativo de WordPress Block.En términos de personalización y flexibilidad, no confundirá ninguno de los temas.Pero hay otro aspecto importante para construir su sitio: el rendimiento.
La rapidez con que se carga su sitio afecta todo, desde la experiencia del usuario hasta el SEO, las tasas de conversión y más. Siendo la base de su sitio, su tema desempeñará un papel importante en el desempeño de su sitio en comparación entre la velocidad de Div y Astra, nos enfocamos en esa sola medida. Quiero decir, ¿Div o Astra te darán un sitio de carga de carga más rápido? Para responder a esta pregunta, ejecutaremos nuestras propias pruebas. Comencemos por hablar sobre cómo probaremos estos dos temas, luego compartiremos los datos y las conclusiones que puede extraer. Nota: inicialmente probé estos temas y escribí esta comparación en marzo de 2021. Sin embargo, en agosto de 2021, los temas elegantes lanzaron una gran actualización de rendimiento front-end para la divión en la versión 4.10, que redujo en gran medida el peso de Div. Por esta razón, hemos reanudado por completo nuestras pruebas de rendimiento Div vs Astra en noviembre de 2021 para tener en cuenta estos cambios. A medida que probamos el rendimiento del tema Div vs Astra para probar el Astra vs Div. Ejecutaremos cuatro pruebas separadas para cada uno Tema en dos escenarios básicos. Escenario no. 1: Probaremos solo los temas en sus estados que salen de la caja. Es decir, antes de agregar cualquier contenido o hacer cambios, ¿qué tema está más optimizado? Activé cada tema en una nueva instalación de WordPress y realicé la prueba en ese momento. Este escenario no es realista para un sitio real, pero le da una buena idea sobre la optimización básica de cada tema. Escenario #2: Construiremos una página simple con el generador de cada tema. Para Div, usaremos el paquete Divic Builder. Para Astra, instalaremos y usaremos elemento.
Aunque puede usar Astra con el editor de bloques nativos, la mayoría de los sitios iniciales de Astra están construidos con Elementor, por lo que lo consideramos la opción más correcta. También es la única forma de hacer que Astra se ajuste al diseño visual de divo de arrastre y drogue, por lo que es el más correcto desde esta perspectiva. Dicho esto, si le preocupa el rendimiento, obtendrá mejores resultados con Astra si se queda en el editor de bloques nativos. Por supuesto, no obtendrá la experiencia completa de diseño visual si hace esto, siempre hay compromisos. Finalmente, en los dos escenarios anteriores, ejecutaremos dos pruebas:
Solo el tema sin optimización del rendimiento.
Con el complemento de cohete WP instalado y la optimización del archivo/promedio.
Esto le dará una idea de qué tipo de rendimiento puede esperar si implementa las mejores prácticas de rendimiento de WordPress con un complemento como WP Rocket. Además de memorizar en caché y otras funciones de optimización general, WP Rocket ha introducido una nueva característica y una mejora en la versión 3.9 que hace un excelente trabajo en la optimización de Div y Astra:
Eliminar CSS no utilizado: esta nueva característica le permite eliminar CSS inútil, página por página.
Retrasar la ejecución de JavaScript: esta característica ahora le permite retrasar JavaScript hasta una interacción con el usuario, que acelera los tiempos de carga iniciales y la pintura de contenido más grande (LCP). También puede excluir fácilmente ciertos scripts si es necesario.
Para la referencia, nuestro sitio de prueba está alojado en la gota de DigitalOcean más barata de $ 5 por mes, administrada y alimentada por RunCloud y una pila completamente Ninx. Además, aquí está la versión exacta de los temas/complementos que los probamos:
Tema Divic Versión 4.13.0.
Tema Astra versión 3.7.5.
Plugin elemental Versión 3.4.7 (para el segundo escenario de prueba).
Para ejecutar las pruebas de velocidad en sí, utilizaremos WebPageTest con un enfoque de prueba basado en dispositivos móviles y enfatizaremos los valores de rendimiento de Web Web Vitals, como la pintura de contenido más grande:
Dispositivo de prueba – iPhone 8
Velocidad de conexión: conexión LTE acelerada (12 Mbps, 70 ms RTT) para simular la navegación de un usuario. En el mundo real, las velocidades probablemente fueron más altas si un usuario móvil está conectado a Wifi, 5G u otro tipo de conexión más rápida.
Número de pruebas: para eliminar la variabilidad de una sola prueba, haremos que WebPageTest realice nueve pruebas separadas y tomaremos los valores medios.
Pruebas de velocidad vs Astra ahora, pasemos a los datos!
Escenario #1: Solo temas en esta primera prueba, solo probamos los temas en sí mismos. Básicamente, creé una nueva instalación de WordPress, activé la tarea y luego reduje las pruebas. Específicamente, probamos la página principal, que muestra la lista de blogs de forma predeterminada (que es solo la publicación predeterminada “Hello World”).
Así es como tocaron la tarea (sin WP Rocket):
lcp ttfb solicitudes http tamaño de archivo div 0.953 s 0.424 s 15

206 kb Astra 0.558 S 0.396 S 7

41 kb

En general, puede ver que Astra es más rápido que la división misma. Los tiempos de carga y el tamaño de la página son significativamente más pequeños con Astra que con Divin. Set-esta no es una prueba realista para un sitio web completo (especialmente si tiene la intención de asociar Astra con un enchufe de generación de páginas), pero muestra que La Fundación Astra es un poco más ligera que la Fundación Divic. Sin embargo, si agrega un cohete WP para mezclar, las figuras están muy cerca:
lcp ttfb http solicitudes tamaño de archivo div + wp cohete 0.424 s 0.368 s 9 93 Astra + WP Rocket 0.409 S 0.353 S 4 19 kb

Primero, puedes ver que Div y Astra ahora tienen los tiempos de pintura más altos bastante idénticos con el cohete WP activado, mientras que el tiempo LCP de Astra fue considerablemente mejor sin WP Rocket .
Además, WP Rocket ha logrado reducir significativamente las solicitudes HTTP y el tamaño de la página para Div y Astra. La diferencia es más dramática con la división, donde el tamaño de la página ha disminuido de 206 kb a solo 93 kb. Sin embargo, en términos de porcentajes, ambos temas tenían el tamaño de la página reducido en poco más del 50%. Escenario #2: Con los constructores en esta segunda prueba de rendimiento, veremos las siguientes páginas de prueba: El tema Div + una página simple construida con Divi Builder
Astra + una página simple construida con el generador de páginas.

Utilizamos módulos idénticos en cada constructor para mantener las cosas correctas: solo un botón y un recuento inverso.
Así es como han funcionado estas páginas de prueba (sin WP Rocket):

Ahora, puede ver que la comparación ha cambiado en la otra dirección cuando combinamos Astra y Elementor vs Div. La página de construcción de la división es ligeramente más ligera que la página inicial, que es una prueba del buen trabajo del equipo de temas elegantes para reducir la hinchazón de DIV y cargar solo los activos mínimos. Sin embargo, cuando agrega WP Rocket para mezclar, Div y “Astra + Elementor” son casi idénticos:

Puede ver que WP Rocket ha logrado reducir en gran medida el tamaño del archivo de ambos temas, bajando a 92 kb y 93 kb respectivamente.Más importante aún, los tiempos de pintura más grandes también han disminuido, “Astra + Elementor” que tiene la mayor disminución de 1,320 segundos a 0.453 segundos.Esto es casi igual a los 0.407 segundos que Div ha hecho con WP Rocket.