Avada Performance & amp;REVISIÓN DE VELOCIDAD: ¿Es realmente rápido?(2021)

¿Estás pensando en usar el tema de Avada para alimentar tu sitio web de WordPress? Si no está familiarizado, Avada es, con mucho, el mejor tema de WordPress de todos los tiempos en ThmeForest. Cuando reescribimos esta publicación en julio de 2021, se compró más de 704,447 veces. Y durante esos cientos de miles de compras, ha mantenido una evaluación impresionante de 4.77 estrellas de 5 a más de 24,300 revisiones. Hay muchos sitios que ejecutan Avada y muchos clientes felices, por lo que obviamente el tema Avada WordPress tiene que hacer algo correcto. Avada viene con una amplia gama de sitios demostrativos, funciones y opciones, pero estos no son el punto central de la revisión del tema de Avada.
En cambio, como mencionamos esas características en el pasaje, nos centramos principalmente en el rendimiento de Avada. Específicamente, ¿qué tan rápido está un sitio fuera de la caja que ejecuta el tema Avada y cómo podría cargarse su página con una pequeña optimización del cohete WP? Para ayudarlo a comprender cómo Avada funciona tanto en su escenario predeterminado como en un escenario optimizado, lo haremos:
Pruebe varias páginas diferentes de un sitio demostrativo de Avada utilizando WebPageTest tanto para escritorio como para dispositivos móviles.
Vuelva a probar las mismas páginas después de activar WP Rocket para ver cómo cambian las cosas con muchas optimización del rendimiento del cohete WP, incluida la nueva opción de eliminación de CSS no utilizada.
Cómo probamos el rendimiento de Avada antes de mostrar sus datos, veamos cómo ejecutaremos las pruebas y cuál es nuestro entorno de prueba.
En primer lugar, nuestro sitio de prueba está alojado en la gota digital más barata de $ 5, que gestionamos usando RunCloud y una pila Ninx completa. Para configurar la Avada misma, importé un sitio demostrativo completo. Específicamente, el sitio web demostrativo Avada Contador. Si bien los resultados exactos del rendimiento variarán según el sitio demostrativo específico que importe, el sitio del Contador Avada Demada es una buena representación de los elementos que incluye el sitio Demoda “medio”, por lo que las ideas básicas deben ser las mismas en todas las demostraciones. Sitios. Al lado del tema Avada, también instalamos solo los complementos mínimos necesarios para alimentar el sitio de demostración. Estos son:
Núcleo de avada
Avada Builder
Formulario de contacto 7
También utilizamos Imagify para optimizar las imágenes en nuestro sitio demostrativo utilizando la compresión “agresiva” antes de ejecutar cualquier prueba para garantizar que las imágenes no opmistas en el contenido demostrativo no influyan excesivamente en los resultados. Para recopilar datos de rendimiento para cada página, utilizaremos WebPageTest en dos configuraciones diferentes:
Prueba de escritorio: usamos el navegador Chrome y apretamos las velocidades utilizando una conexión RTT de 20/5 Mbps 4 ms. Esta velocidad de conexión es aproximadamente la velocidad promedio de Internet para los EE. UU. En su conjunto, aunque algunas ubicaciones serán más rápidas.
Prueba móvil: utilizamos un Moto G4 de nivel medio y limitamos la conexión para imitar 4G – 9 Mbps, 170 ms RTT. Debido a la conexión más lenta y al dispositivo de baja potencia, estas pruebas serán naturalmente más lentas que las pruebas de escritorio.
Recopilaremos los siguientes datos para cada prueba:
La pintura de contenido más grande – LCP (parte de los nuevos centrales vitales de Google) es el momento del primer byte
Tamaño de página
Primero probaremos solo el contenido demostrativo AVADA y los complementos incluidos anteriormente.Luego instalaremos WP Rocket y volveremos a probar las mismas páginas.Más allá de las mejoras implícitas del cohete WP (caché de página, compresión GZIP, memoria del navegador, etc.), activaremos algunas de las otras opciones, incluidas:
Optimización del código para HTML, CSS y JavaScript.
La nueva función de eliminación de CSS no utilizada.Actualmente, todavía está en versión beta cuando ejecutamos estas pruebas, pero se han demostrado algunas mejoras excelentes en las pruebas que realizamos.
Optimización de medios (Avada incluye carga perezosa incorporada, pero la he desactivado para la segunda prueba para usar WP Rocket).
Revisión del tema de Avada WordPress: ¡Datos de rendimiento Pasemos a los datos!
Prueba #1: sin WP Rocket en esta primera prueba, solo probamos la AVADA por sí misma, sin optimizaciones de rendimiento adicionales. Utilizamos las funciones de optimización construidas de Avada, incluida la carga perezosa y la combinación de archivos. Utilizamos cualquier función de rendimiento que Avada funcione de forma predeterminada al importar un sitio demostrativo completo. Probaremos cinco páginas básicas en nuestro sitio web demostrativo Avada para comprender mejor la experiencia del usuario en todo el sitio. Desktop:

móvil:

En general, Avada funcionó bastante bien en las pruebas de escritorio, con rápidos tiempos de LCP en un segundo en la mayoría de las páginas. Sin embargo, no funcionó tan bien en nuestra prueba móvil, donde era un poco más lento que el tiempo LCP de 2.5 segundos recomendado por Google para la mayoría de las páginas. Como mencioné anteriormente, gran parte del éxito Avada aquí es las características de optimización construidas. que trabaja cuando importa un sitio demostrativo, como su carga perezosa y los compiladores CSS y JavaScript. Algunas de estas funciones se superponen con algunas características en WP Rocket, así que veamos si WP Rocket puede acelerar las cosas aún más, a pesar de este hecho. Prueba #2: con WP Rocket ahora, ejecutaremos las mismas pruebas nuevamente después de la instalación del cohete WP y la configuración de las características mencionadas anteriormente, incluida la función de eliminación de CSS no utilizada.
Desktop:

móvil:

En general, puede ver que WP Rocket ha logrado reducir los tiempos de pintura de contenido más grandes y TTFB a casi la mitad (o más en el escritorio). Además, WP Rocket ha logrado reducir aproximadamente 80-90 kb del tamaño del archivo, debido principalmente a la función de eliminación de CSS no utilizada.
Con WP Rocket, Avada está muy bajo la recomendación de Google LCP de 2.5 segundos para cada prueba y en todas las páginas.Para que sea más fácil ver las diferencias, aquí están los tiempos más grandes y las dimensiones de archivos para dispositivos de escritorio y móviles antes/After: Desktop:

móvil:

para contactar temas lcp 2.561 s 3.215 s 2.513 s 2.351 S 2.432 S WP Rocket LCP 1.846 S 1.808 S 1.739 S 1.855 S 1.765 el tamaño del tema 384 Kb 394 kb 333 kb 413 kb 335 kb Tamaño de cohete WP 309 kb 302 kb 255 kb 285 kb 259 kb Prueba de la dimensión básica de avada -avada Además de los datos de prueba anteriores, también recopilamos el “peso” de la avada predeterminada antes de instalar cualquiera de los complementos incluidos o para importar cualquier sitio. Demo. Ni siquiera hemos instalado los complementos de Avada Core o Avada Builder. Este no es un escenario realista para un sitio en vivo, pero nos da la oportunidad de comparar Avada con los otros temas superiores de temas de WordPress. Es importante tener en cuenta que esta prueba no incluye la Avada construida (carga perezosa y combinación de archivos), ya que no se activan hasta que pase por el proceso de integración completo e importe un sitio demostrativo de Avada. Incluimos estos datos solo para ver cómo se compara el único tema de Avada con otros temas populares. Creemos que esto sigue siendo correcto, porque puede agregar esas optimizaciones a otros temas. Solo necesita la ayuda de un complemento (como WP Rocket).
Aquí está el tamaño de la página AVADA y las solicitudes HTTP para este escenario básico:

Tamaño de página 475 KB
17 solicitudes HTTP
A modo de comparación, estos son algunos de los más desempeñados en nuestra lista de WordPress el más rápido: GenerePress – 26 KB y 7 solicitudes HTTP.
Astra – 44 KB y 9 solicitudes HTTP.
NEVE – 32 KB y 8 solicitudes HTTP.
Kadence – 40 kb y 10 solicitudes HTTP.
En general, puede ver que incluso antes de instalar Avada Core y Avada Builder, Avada sigue siendo un poco más difícil que esos otros temas: aproximadamente 450 kb más difíciles, ser exactamente (con casi dobles solicitudes HTTP). Por supuesto, esos temas son los mejores de los mejores, por lo que comparamos Avada con una competencia feroz. En comparación con un tema de WordPress “promedio”, las diferencias no serían tan fuertes.
Conclusiones de rendimiento Avada En general, Avada no es el tema más fácil en la caja. Pero, con las optimizaciones de rendimiento incorporadas de Avada, todavía logró alcanzar grandes tiempos de carga para el escritorio. Sin embargo, los tiempos de carga de los dispositivos móviles fueron difíciles y no podían alcanzar constantemente el objetivo de Google de 2.5 segundos para la pintura de contenido más grande. Cuando agrega el cohete WP para mezclar, puede reducir el tiempo de carga de Avada en ~ 50% o más y también puede disminuir el tamaño de la página, eliminando CSS no utilizado de cada página. Después de activar WP Rocket, Avada ha estado muy por debajo del LCP recomendado por Google para escritorio y móvil.
Por supuesto, probablemente su decisión de usar Avada es más que rendimiento, así que superemos algunas de las otras ventajas y desventajas de Avada WordPress … Pro
Tiene acceso a muchos sitios de demostración maravillosos, lo que hace que sea fácil comenzar con un sitio completo. Todo lo que tiene que hacer es ingresar y cambiar las cosas para que coincidan con su sitio y la marca. El constructor Avada facilita la personalización de esos modelos utilizando Dra-and Drop o construir sus propios modelos desde cero.
Tiene acceso gratuito a una serie de complementos premium, como avanzados Fields Pro Custom Pro, Slider Revolution, Cape Slider y muchos más.
Avada es uno de los temas de WordPress más populares a nivel mundial, por lo que es fácil encontrar ayuda y puede estar seguro de que el desarrollador continuará manteniendo y mejorando el tema.
Versus

Avada es más difícil que más temas centrados en el rendimiento, como GeneratePress o Astra, especialmente en su caja desde la perspectiva de rendimiento. WP Rocket puede ayudarlo a solucionar algunos de estos problemas, pero aún no llegará a los tiempos de carga de la página con un tema más fácil.
Si solo desea un sitio web simple de blog o cartera, Avada y sus muchas opciones podrían exagerarse. Tanto en términos de la “hinchazón” de la característica como con tantas características, hacen las cosas un poco más complicadas que un tema más simple.