Análisis de rendimiento Astra vs OceanWP: ¿Qué es más rápido?(2021)

¿Dudas entre los temas de OceanWP y Astra para tu próximo proyecto? Creamos una breve guía que muestra cómo se comparan estos dos temas competidores en términos de velocidad.

La comparación de velocidad Astra vs OceanWP no fue sorprendente que una persona común pase menos de tres segundos en una página web. ¿Quién quiere esperar a que se cargue una página cuando hay otro sitio disponible a solo un clic de distancia? Muchos factores diferentes contribuyen al rendimiento de un sitio web. Algunos sitios ofrecen características avanzadas, mientras que otros ofrecen contenido simple. La verdad es que no importa cómo se vea su sitio, desea ser rápido, para que los visitantes permanezcan en su página por más tiempo y tengan una experiencia agradable.
Como Google describe, para dar una gran experiencia de página, debe buscar un tema de WordPress que funcione bien con el tiempo (incluso cuando hay tráfico pesado). ¡La buena noticia es que Astra y OceanWP son temas bastante fáciles! Pero, ¿por qué debería usar un tema fácil? Los temas fáciles son la mejor apuesta si está buscando un sitio web que se cargue rápidamente y sea fácil en el servidor. Sus archivos son de menor tamaño que un tema regular de WordPress, porque solo viene con las características más necesarias para un tema. Y por último, pero no menos importante, los temas más fáciles usan menos recursos de los servidores debido a la calidad más simple del código.
Su tema de WordPress es la piedra angular de su sitio. Establece un marco para la rapidez con que las páginas están cargando y también afecta lo que las personas piensan sobre su diseño cuando lo visitan. ¡Ejecutemos algunas pruebas de rendimiento utilizando la tecnología del faro para ver cuál de Astra o OceanWP es más rápido! Nuestra auditoría lo ayudará a decidir qué tema funcionará mejor para sus necesidades
ambos temas vienen con suplementos premium, pero nos centraremos en sus versiones gratuitas en nuestra guía.>

Metodología de prueba de rendimiento Rendimiento de Astra y OceanWP Para probar Astra vs Ocean WP, ejecutaremos tres pruebas de velocidad separadas con las siguientes configuraciones: Temas de prueba: Versión Free Astra y OceanWP
Herramientas de rendimiento: Google PageSpeed ​​Insights and Pingdom (Servidores: Europa, Londres)
Seguiremos tres escenarios: ️ Escenario #1: Solo probaremos la velocidad al activar cada tema, sin contenido agregado, sin WP Rocket. ️ Escenario #2: construiremos una página de inicio regular usando el editor de WordPress:
Un logo
Un encabezado de héroe con una imagen (210 kb), un título y un subtítulo
4 cuadros de imagen (80 kb) con contenido de texto
Algunos puntos con texto
3 testimonios
Un botón de urgencia
Luego compararemos los resultados de rendimiento mientras usamos Astra y OceanWP.
️ Escenario #3: Mediremos el rendimiento cuando se active el complemento de caché de cohete WP. Esto le dará una idea de las mejoras de rendimiento que puede obtener, gracias a WP Rocket. Aquí están los KPI que mediremos en nuestra auditoría de rendimiento:
Nota de rendimiento general de Lighthouse (x/100)
El tiempo de carga de la página inicial (Pingom dice que “el tiempo de carga ideal del sitio no debe exceder los 2 segundos”) La página total (en KB)
Solicitudes HTTP
Índice de velocidad, tiempo para interactivo, tiempo total de bloqueo, primera pintura satisfactoria
Core Web Web Vitals (la pintura más grande con un aspecto acumulativo)
IMPORTANTE: Para nuestra auditoría, el tercer núcleo Web Vitals, el primer retraso de entrada (FID), no estará disponible porque usamos un sitio de prueba que no tiene datos de usuarios reales. Afortunadamente, el tiempo de bloqueo total (TBT), una medición medible en el laboratorio, se correlaciona con FID.
KPIS-Source: Calculadora de puntuación del faro (V8) ¿Quiere saber cómo va su sitio? Siga nuestra guía completa para probar su sitio de WordPress y medir los resultados de la velocidad. Los resultados de la prueba de velocidad Astra vs OceanWP de vez en cuando, puede tener dificultades y necesitar tomar algunas decisiones estratégicas para su negocio ¿Qué tema de WordPress es mejor para su sitio o su cliente? ¿Eso viene con la mayor cantidad de opciones sin comprometer la velocidad? ¡Investigué un poco para responder estas preguntas hoy! Investigamos los datos que vienen con los tres escenarios.
️ Escenario #1 – Activación de temas (sin contenido) Comencemos con la puntuación móvil con el tema Astra instalado:

Tema Astra Activado – Sin contenido – Sin WP Rocket – Fuente: Mobile on Astra Activation, mi puntaje es verde (91/100) y Core Web Vitals sigue siendo saludable. Se vuelve aún mejor en el escritorio:
Tema Astra Activado – Sin contenido – sin WP Rocket – Fuente: PSI en el escritorio ahora cómo funciona OceanWP.Puedo ver algunos problemas móviles, con una puntuación de 60/100: el tema de OceanWP activado, sin contenido, sin WP Rocket – Fuente: PSI Mobile Lighthouse señala varios problemas que se resolverán para mejorar la velocidad.Puedes verlos a continuación:

Oportunidades y sección de diagnóstico Cuando OceanWP se activa – Fuente: PSI en Mobile

Por otro lado, el puntaje de rendimiento en el escritorio es más prometedor:

¡Tema Activado OceanWP – sin contenido – sin WP Rocket – Fuente: PSI de escritorio, así que es hora de ver lo que tenemos hasta ahora!

0 ms

Conclusión sobre los primeros datos recopilados:

Astra tiene un impacto menor en el rendimiento que OceanWP en los dispositivos móviles. El puntaje móvil de Astra es verde (91/100), a diferencia de OceanWP, quien vio su puntaje móvil del faro bajando a 60/100. El tamaño de la página y las demandas HTTP también son mayores cuando se usan OceanWP. Ahora sazonemos las cosas construyendo una página inicial con el editor de WordPress. Mediremos los resultados de rendimiento usando Astra y luego usando OceanWP. ️ Escenario #2: Temas activados: contenidos en la página inicial – Sin WP Rocket, construí una página inicial usando los bloques del editor de WordPress (cuadros de imagen, encabezado de héroes, testimonios, urgencias y texto). Veamos cómo afecta mi rendimiento. Los resultados de rendimiento Astra con cierto contenido de mi nota de rendimiento general y Core Web Vitals permanecen verdes en escritorio y móviles. Mi puntaje no ha cambiado demasiado con algo de contenido agregado. El puntaje móvil ahora es 91/100:

La página construida con WordPress Publisher y Astra Activ – Fuente: PSI Mobile La nota en el escritorio no se vio afectada en absoluto:

La página construida con WordPress Publisher y Astra Activ-Source: PSI Desktop Mi sitio no se ha vuelto mucho más lento en dispositivos móviles y de escritorio después de agregar algo de contenido. Veamos cómo se comportó mi sitio con el mismo contenido y OceanWP se activó.
️ Los resultados de rendimiento de OceanWP con algo contenido es la nota de rendimiento móvil:
El resultado de OceanWP con contenido – Fuente: PSI móvil y esto es lo que recibí para el escritorio:

El resultado de OceanWP con contenido: fuente: PSI de escritorio que prueba la misma página inicial, perdí casi el 10% de mi equipo usando OceanWP (de 99 a 90).

A nivel mundial, mi sitio se volvió un poco más lento después de construir la página inicial, pero todavía tengo una puntuación verde en el escritorio (91/100). También notamos que mi índice de velocidad ahora está en rojo, y mi LCP es naranja. Lo que es aún más importante, mi puntaje móvil pasó de 60 a 55/100: debe optimizarse. En la siguiente tabla, puede ver fácilmente las diferencias entre Astra y OceanWP: ️ Astra vs OceanWP – Resultados de rendimiento con el mismo contenido OceanWP Performance

fuera de la caja, Astra tiende a ser más rápido y más ligero que OceanWP. Cuando uso Astra, hay menos solicitudes HTTP realizadas en el servidor, Core Web Vitals son mejores, así como mi rendimiento general en escritorio y móvil. Esto nos lleva a nuestro último escenario: ¿hay un impacto positivo en OceanWP y Astra cuando se usa WP Rocket?
¿Veremos alguna mejora en el rendimiento? ¿Pero la sección de diagnóstico de Lighthouse? Escenario #3 Astra vs OceanWP con WP Rocket Antes de ejecutar la auditoría con WP Rocket, eché un vistazo a las secciones de oportunidades/diagnóstico y pude ver algunas mejoras. Por ejemplo, cuando usamos OceanWP, tenemos los siguientes problemas reportados por Lighthouse: Ocean OCEWP Oportunidades y diagnóstico – Fuente: PSI

¿Desea obtener más información sobre el diagnóstico de Lighthouse? Verifique cómo mejorar la puntuación de rendimiento de su faro y hacer su sitio más rápido. Rendimiento: Use una política efectiva de almacenamiento de caché: hará su sitio más rápido para los visitantes memorizando el contenido. Una larga vida útil de caché puede acelerar las visitas repetidas a su página. Considere la entrega en línea JS/CSS crítico y posponga todos los estilos no críticos (para eliminar los recursos que bloquean la representación) Reduzca el CSS no utilizado (por ejemplo, reduzca las reglas de CSS no utilizadas y no utilizadas para los contenidos por encima de la página para reducir los bytes consumidos por la actividad de la red) y reducir JS no utilizado Servir basado en el texto de compresión (GZIP, por ejemplo) para minimizar el total de los bytes de red. Precarga las solicitudes de clave Las características del cohete WP le permiten abordar casi todos los problemas reportados por Lighthouse. Más tarde, le mostraremos las opciones que necesita para optimizar su sitio de WordPress o puede saltar de inmediato. Para mejorar mi puntaje de rendimiento. Echemos un vistazo a los resultados: el rendimiento Astra con WP Rocket Astra no necesitaba tanta optimización como OceanWP. La puntuación de rendimiento de nuestro sitio web ha sido verde en dispositivos móviles y de escritorio. En el móvil, mi nota pasó de 91 a 99 gracias a WP Rocket: Astra Theme on Mobile – con contenido y Rocket WP – Fuente: PSI Mobile en Desktop, Astra mantiene la misma nota: 99/100: Astra tema con contenido y fuente de cohetes WP: escritorio PSI En general, nuestro sitio es más rápido con WP Rocket. ¡Todos los KPI han mejorado significativamente, y mi nota móvil es casi 100! Rendimiento de OceanWP con WP Rocket Debido a WP Rocket, mi nota móvil ha pasado de 60/100 a 100/100, como puede ver a continuación: Mi puntaje móvil está en verde con OceanWP y WP Rocket – Fuente: PSI Mi puntaje de escritorio también es mejor. ¡Pasó de 91 a 98! Los resultados del escritorio utilizando OceanWP y WP Rocket-Source: PSI WP Rocket hicieron un trabajo tan increíble en Mobile e incluso obtuvo un puntaje de 100/100 en Lighthouse. Todos mis KPI están en una mejor forma, y ​​mi nota de rendimiento móvil general fue llevada a 100 (fue 55/100). Finalmente, todos los problemas reportados por Lighthouse ahora están en mi lista de auditorías aprobada: Ha pasado la lista de auditorías en verde gracias a WP Rocket – Fuente: PSI Astra vs OceanWP: ¿Cuál es mejor para el rendimiento? Tanto Astra como OceanWP son temas bastante rápidos, pero fuera de la caja, Astra es un líder. También aprendí que WP Rocket podría hacer algo de magia y acelerar su sitio en minutos. Es un complemento obligatorio si desea mejorar su vitalidad web central y su puntaje de rendimiento móvil. Hemos resumido los datos de todos los escenarios en la tabla a continuación, por lo que puede ver el impacto positivo del cohete WP en nuestro sitio web: < Astra Astra + WP Rocket oceanwp oceanwp + wp cohet grado general de rendimiento 91/ 100 en móvil 99/100 en el escritorio 99/100 en móvil y escritorio 55/100 en móvil 90/100 en escritorio 100/100 encendido móvil 98/100 en el escritorio tamaño de página 334.4 kb 112 kb 746 kb 281.7 kb tiempo de carga completo de la página inicial 955 ms 233 ms 638 ms 211 ms solicitudes http 9 6 19 8 lcp 0.7 s 0.4 s 1.3 S 0.4 S fcp 0.7 s 0.3 s 0.8 S 0.3 S cls 0 s 0 s 0 ms 0 ms si 0.8 s 1.3 s 2.8 s 1.7 S tti 0.7 s 0.3 s 0.8 s 0.3 S tbt 0.07 s 0 s 0 ms 0 ms ¿Cómo acelerar Astra y OceanWP usando WP Rocket (Bonus) Sueña para obtener una puntuación móvil de 100/100 en Lighthouse con Astra o OceanWP? Esta sección le enseñará cómo lo hicimos usando WP Rocket. Al activar WP Rocket, revisé cada pestaña en el tablero de WordPress para activar las siguientes opciones: Pestaña de optimización de archivos: minimiza CSS, optimiza la entrega de CSS y elimina el CSS no utilizado. Pestaña de optimización de archivos: archivos CSS La pestaña de optimización de archivos minimiza JS, combina archivos JS, retrasó la carga JS y la demora JS (que me permitió y elimina/reduce JS no utilizado): Pestaña de optimización de archivos: archivos JS Pestaña de optimización de archivos: retraso JS Pestaña de medios: active lazyload en las imágenes Pestaña de medios: la función de la conclusión de carga perezosa, la nota de rendimiento general de Astra es un poco mejor que OceanWP. Sin embargo, siempre que use WP Rocket, no tenga que preocuparse. Como ha visto en nuestro análisis anterior, WP Rocket puede hacer una gran mejora y puede ayudarlo a obtener un faro de 100/100 en el móvil. ¡Intente comenzar a aumentar el rendimiento de su sitio con WP Rocket ahora mismo! Si tiene alguna pregunta sobre las pruebas de rendimiento o las funciones de cohetes WP, pregúntanos en los comentarios. Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting. Tags Análisis de rendimiento Astra vs OceanWP: ¿Qué es más rápido?(2021) Previous 7 Las mejores herramientas de software de gestión de contacto para cualquier negocio Next Guía de principiantes para imágenes receptivas: cómo hacerlas correctamente Related Articles Los mejores 10 complementos del foro de WordPress (comparado) June 12, 2022 Cómo programar sus publicaciones en WordPress (paso a paso) June 12, 2022 Guía final para crear un sitio miembro de WordPress June 12, 2022 Check Also Shopify vs WooCommerce – ¿Cuál es la mejor plataforma?(Comparación) Shopify vs WooCommerce Leave a Reply Cancel reply Your email address will not be published. Required fields are marked * Comment Name * Email * Website Powered by WordPress | Designed by TieLabs © Copyright 2026, All Rights Reserved