Cómo acelerar y optimizar a Avada gratis usando nuestros complementos Smush and Hummingbird

Avada ya es uno de los temas premium de WordPress más populares disponibles. Lo haremos aún mejor, mejorándolo con nuestras herramientas de optimización gratuitas: Smush y Hummingbird. No es inusual que los sitios web de WordPress creados con AVADA para experimentar la carga de la página. Esto puede suceder por varias razones, incluidas imágenes de datos pesados, falta de caché, calidad de CDN y un “host” de otros elementos tangibles. (Juego de palabras intencional.) Aquí brillan dos de nuestros complementos de optimización. Smush y Hummingbird pueden tener un impacto grave cuando se trata de obtener (y mantener) su sitio para funcionar a una velocidad óptima.
Con una nueva instalación de AVADA, cambiaremos algunas configuraciones y haremos algunas pruebas para ver cuánto (tiempo de carga) la diferencia puede hacer Smush y Hummingbird en un sitio temático de Avada. También presentaremos algunas sugerencias adicionales que pueden mejorar la velocidad general de Avada en su sitio. Cuando terminemos, tendrá excelentes conocimientos y recursos en su arsenal para que su sitio de Avada funcione rápidamente. Siéntase libre de avanzar en cualquiera de las secciones del artículo:
Configuración de la prueba de tema de Avada
Procedimiento
Parámetros
Detalles
Tocando la velocidad máxima usando Smush & Hummingbird con Avada
Tema 1 – Avada Spa
Tema 2 – Avada Classic
Consejos para ganancias de velocidad general en Avada
Optimizado de forma rápida y furiosa
Continúe leyendo para verificar nuestro proceso y resultados medibles.
Configuración de la prueba de temas de AVADA

“Avada es el cuchillo suizo de temas de WordPress”. – Collis Ta’eed, CEO de Envato Avada. Está. En todas partes. Con más de seis millones de usuarios, es el mejor tema de WordPress de venta en Themeforest. ¿Querías usar este popular generador de temas para tu sitio, pero te preocupaba la latencia de carga que a menudo aparece? Estuve allí y podemos decirte que hay un simple y gratis. – Manera de dar grandes pasos en la mejora. Veamos lo que haremos para hacer esto. Avada.)
Cambiar la configuración de optimización de AVADA (sin costo)
Instalar Smush; Optimizar la configuración (sin costo)
Instalar colibrí; Optimizar la configuración (sin costo)
Habilitar CDN en Hummingbird (requiere Hummingbird Pro)
Active FastCGI en Hub (a través de WPMU Dev Hosting)
Ejecutar pruebas de velocidad después de cada paso por encima (sin costo)
Repita el procedimiento completo nuevamente, utilizando otro tema de Avada (sin costos si ya ha comprado la licencia de tema de Avada).
parámetros
Usaremos una base limpia, lo que significa que nuestro sitio se construirá en una nueva instalación de WordPress.
Las configuraciones y las opciones del tema se mantendrán estáticas después de la instalación inicial.
Mi alojamiento es el plan de bronce, mediante el hosting WPMU Dev administrado por WordPress.
Mi región es EE. UU./Este.
Los complementos son solo Smush y Hummingbird. (Si usa nuestro alojamiento, verá el complemento WPMU Devshboard, ya que se instala automáticamente en los sitios web alojados por nosotros).
La prueba de velocidad GTMetrix se realiza utilizando la ubicación predeterminada del servidor (Vancouver, Canadá) y el navegador predeterminado. Para reflejar las versiones no profesionales de los complementos, he realizado todas mis pruebas iniciales con las funciones pro-activadas desactivadas.
La optimización de los colibríes utiliza diferentes tipos de funciones de almacenamiento en caché y compresión en sitios. Página, gravatar y memorización en caché RSS se han deshabilitado. La mayoría de los hosts, incluido WPMU Dev, generalmente activan la memoria de su navegador y la compresión GZIP predeterminada. Debido a que no podemos deshabilitarlos sin afectar otras configuraciones, permanecerán activados durante nuestras pruebas. Finalmente, como se menciona en otros artículos de optimización, tenga en cuenta que nadie tendrá exactamente los mismos resultados, debido a las variables inherentes a cada elemento. Su región geográfica, el tamaño de su biblioteca de medios, su proveedor de alojamiento, todas las pinturas parte de la imagen utilizando pinceles muy diferentes. Pero, independientemente del entorno en el que su sitio en particular, sin duda verá mejoras significativas en este proceso.
Bien, vamos a la pista. (¿Solo mi madre hizo esto con nosotros?) Si aún no lo ha hecho, descargue el constructor de sitios web de Avada. También necesitará complementos Smush & Hummingbird (ambos son gratuitos), pero los agregaremos un poco más tarde. Para nuestras herramientas de medición de velocidad, utilizaremos Google PageSpeed ​​Insights y GTMetrix, por lo que le recomendamos que abra estos dos sitios ahora. Pregunte en un nuevo sitio de WP, sin nuevas páginas o publicaciones sin complementos o suplementos activados opcionales. Luego instale el generador de sitios web de Avada. Se necesitan dos complementos AVADA adicionales: Core y Builder, por lo que los instalaremos.
Los complementos de Avada Core y Builder deben instalarse para usar el generador de temas. Tema 1 – Avada Spa es el momento de hacer nuestra selección real. Para esta primera prueba, usaremos Avada Spa. No requiere complementos adicionales, pero tiene una gran cantidad de imágenes, por lo que parece ser una buena prueba. Se introduce en la biblioteca preconstruida en el tablero de avada, y la instalación se realiza a través de unos pocos clics simples.
Seleccione solo el contenido que desea importar al instalar el tema. Con nuestro tema instalado y aplicado y antes de comenzar a cambiar o agregar algo, debemos obtener un instante inicial de nuestra velocidad.
GPSI nos da una puntuación correcta al medio ambiente.

GTM está en un sorteo con Google para nuestra prueba de velocidad original. Ambos puntajes se encuentran dentro del rango “7O” o “C”. Ciertamente podemos hacerlo mucho mejor. Quiero mirar la configuración de optimización de avada construida, hacer algunos ajustes allí y ver si obtenemos mejoras en la velocidad de la página. Un fragmento del menú de optimización construido. De las opciones de pestaña del menú / menú de rendimiento, aquí están los cambios que hice: rendimiento

Imagen Carga perezosa >> De ninguno a Avada

Renderización de fuentes >> desde el bloque para cambiar todo

Fuentes de precarga para claves >> de fuentes de icono a todos

Cargue la hoja de estilo en el sótano >> desde el apagado para activar
CSS y JS Dynamic
Cargue los archivos de interrogación de medios Asynchron >> desde el apago al encendido
Con todos los cambios guardados, verificaremos nuestra velocidad.
Dobles siete, así que vencí un poco.
Un poco de lavado por GTM, con un rendimiento y estructura creciente.
Probemos el primero de nuestros complementos de optimización y activemos Smush.
Smush es la elección de nuestro usuario, ganador de premios e optimizador de imágenes probado. Después de navegar por el panel de franco, debe ser recibido con el asistente de configuración rápida. Estas configuraciones incluyen: compresión automática, metadato exif, imágenes de tamaño completo, carga perezosa y datos de uso. Esto es lo que hace cada característica:

Compresión automática: optimizará automáticamente nuevas imágenes, para que no necesite hacer cada manual.

EXIF metadatos: eliminará la configuración de la cámara, contribuyendo a reducir el tamaño del archivo. (No se preocupe; no elimine los metadatos de SEO). Imagini a tamaño completo: comprimirá imágenes originales a tamaño completo. (Nota: de forma predeterminada, almacene copias de sus originales, si desea volver).
Carga perezosa: dejará de cargar imágenes desde fuera de la pantalla hasta que se ejecute un visitante.

Use datos: permitirá que nuestros diseñadores logren una perspectiva de las características que se mejoren. (Sus datos personales nunca serán seguidos).
Continúe y ejecute cada pantalla, dejando la configuración predeterminada activada. (Permitir los datos de uso ayudará a la funcionalidad de las versiones futuras del complemento, pero si lo hace al menos incómodo, déjelo detenerse).
Smush hace sugerencias para maximizar la compresión de la imagen. Después de la finalización del experto, el tablero reflejará cuántas imágenes pueden requerir compresión. ¡Hulk Break ese botón Bulk Smush Now! Cómo son nuestras estadísticas de optimización de imágenes ahora, MDM. ¿Smush?
54 imágenes trituradas, guardando 3.2 MB. ¡Smushing como campeón! Veamos cuánto ha disminuido la carga (página) y hacemos nuestras pruebas de velocidad nuevamente.
¡Es un salto bastante bueno! Casi diez puntos.
“D” un poco, estamos en una trayectoria ascendente. Es hora de poner las cosas a la velocidad y iluminar el colibrí.
Hummingbird es todo lo que necesita para que su sitio funcione rápidamente. Después de instalar y activar Hummingbird, acceder al tablero activará otro experto en configuración rápida. Esta vez, ella solo sugerirá que hagamos una prueba de rendimiento, que es exactamente lo que queremos hacer. Una vez que se complete la prueba, recibirá un aviso que le informará. El tablero nos muestra el puntaje de la prueba de rendimiento.83 ¡No está muy mal! Ya estamos volando, pero aún no hemos alcanzado la altitud más alta. Hummingbird ofrece listas y un diagrama con valores variados y auditorías que se han evaluado durante la prueba de rendimiento.

Hummingbird sigue seis valores en la sección de rendimiento del informe del faro. También ofrece valores de puntaje adicionales llamados auditorías. Estos problemas se separan en las categorías de: oportunidades, diagnósticos y auditorías pasadas, todas las recomendaciones para mejorar el puntaje de rendimiento. Las oportunidades son prácticamente alertas con códigos de color. El amarillo indica un problema fácil de moderar, y el rojo significa que el problema afecta significativamente el rendimiento. En esta evaluación del desempeño, Hummingbird indicó que tengo 3 oportunidades, de las cuales al menos una es una prioridad (plaza roja). Para resolver estas oportunidades, haga clic en cualquier fila de alerta y se mostrará:

una descripción detallada del problema

una lista de activos específicos involucrados

Instrucciones paso a paso sobre cómo resolver el problema

No tiene que buscar las páginas de instrucciones ni verse loca en Google; Hummingbird explica todo por cualquier problema reportado. Es una buena idea abordar estos y eso es lo que haré ahora. Después de haber realizado los remedios, puede pasar al siguiente paso … Optimización de los activos. Desde la barra de menú izquierda, elija la optimización de los activos. Haga clic automáticamente y asegúrese de que se active la diapositiva rápida.

Establezca la optimización de los activos en rápida y automáticamente para el aumento del rendimiento. Nota: Cuando está en modo automático, Hummingbird detecta automáticamente los archivos de complemento y los temas recientemente agregados y los optimiza para usted, pero no eliminará ningún archivo antiguo de un complemento o un tema que se haya eliminado. Esto es para evitar conflictos y problemas y por qué es aconsejable verificar los archivos nuevamente, para que todo permanezca sincronizado. Ok, es el momento de algunas pruebas de velocidad.

Woo hoo! Eso nos empujó en los 90.
“B” mantiene nuestro número en constante aumento. ¡Grandes puntajes! Una cosa más que podemos hacer … comencemos el CDN en Hummingbird. Desde la misma página de optimización de activos, mueva el WPMU Dev CDN a ON (se convertirá en azul). Ejecutemos nuestras pruebas de velocidad nuevamente.
¡El calor está encendido! Estamos a los 94 años.
En la escuela secundaria me hubiera gustado que esta fuera mi nota en la historia de AP. Podríamos parar aquí y ser campañas perfectamente felices. Sin embargo, todavía lanzaré un registro en el fuego, cambiando una configuración al alojar mi desarrollo WPMU. Activación de FastCGI a través del centro host de WPMU Dev. Es hora de poner el pedal al metal y obtener nuevos puntajes en las pruebas.

Cerca de la perfección con una puntuación de 97 en GPSI.

¡Sí! Finalmente recibí “A”. Bien, estoy muy emocionado por eso. Pasemos a la segunda prueba de prueba instalando otro tema. Tema 2-Avada Classic Para el segundo entorno de prueba, usaremos Avada Classic. Se requiere instalar el complemento adicional de WooCommerce, por lo que agregará un elemento interesante que podría afectar la velocidad de carga de la página. Antes de cambiar la tarea, volvamos a nuestro entorno de prueba original. Si tiene alojamiento de desarrollo WPMU, deshabilite FastCGI desde Hub. En Hummingbird, deshabilite la optimización de activos de CDN. Luego deshabilite los complementos de Hummingbird y Smush. También debemos devolver las optimizaciones de rendimiento de AVADA a los valores predeterminados, a través de la pestaña Opciones/rendimiento, todas el reinicio. De nuevo desde el tablero de Avada, navegemos en temas preconstruidos. Asegúrese de seleccionar todos los componentes que ha instalado para AVADA SPA; Luego haga clic en Eliminación. Una vez que el proceso ha terminado, vaya al tema clásico (es el primero) e instálelo/active. El WooCommerce Plus es extremadamente popular es necesario para el tema clásico de Avada. Antes de hacer cambios o ajustes, obtenga los puntajes de la prueba de velocidad inicial.

No está mal para nuestra línea básica.

I “C” y te cultivaré por 20. (¡al menos!) Ok, es respetable, pero queremos excelentes. Ajustemos algunas de las configuraciones construidas de Avada nuevamente. Hago las mismas optimizaciones que la última vez, pero con una sola adición: el complemento PWA de Avada (en primer lugar, una aplicación de almacenamiento de caché a Google). Una vez que el PWA está instalado y activado, ahora tengo algunas opciones para la aplicación web progresiva. Estoy iniciado, dejando la configuración tal como está y guardando los cambios. Para activar la configuración de PWA en Avada, primero debe instalar su complemento. Veamos cuánto tenían esos ajustes en los puntajes de velocidad …

Ok, no es un crecimiento sorprendente, sino un aumento.

Esta es también una puntuación más alta, ¡lo tomaremos! Con las optimizaciones de Avada en el cinturón, reactivemos Smush. Su configuración de Smush permanecerá como la fue la última vez que los tuvimos. Debido a que nuestro nuevo tema ha agregado nuevas imágenes a la biblioteca de medios, tenemos que dejar que Smush haga su trabajo. Ya verá los ahorros obtenidos por compresión a granel en el tablero. No tuvimos que destruir activamente las imágenes adicionales en la biblioteca de medios con este tema, porque previamente le había dicho a Smush que comprimiera automáticamente nuestras imágenes. Y eso es exactamente lo que hizo.

Con Smush en servicio, realizar sus tareas predeterminadas no requiere ninguna indemnización. De acuerdo, es hora de una nueva ronda de pruebas de velocidad.

La aguja todavía sube.

Todavía puede ser mejor “B”, pero vamos en la dirección correcta. Gran puntajes aún mejores que con nuestro tema original en este momento. Por supuesto, podemos llevarlos arriba. Es hora de dejar que nuestra amiga con alas que revolotean rápidamente para animar con su presencia. Reactiva el colibrí y ejecuta una prueba de rendimiento.87 Hummingbird es una gran puntuación. Aunque estoy satisfecho con su puntaje, ella no es lo más buena que pueda. Veo que ha enumerado tres oportunidades y al menos una es sustancial (código rojo). Entraré y remediaré lo que ella recomienda y le sugiero que haga lo mismo si tiene problemas indicados en las oportunidades.

Las instrucciones de Hummingbird Ready -to -Fix son tan simples como hacer clic, leer, hacer. Es hora de nuestras pruebas de velocidad.

Estamos en el escalón superior …

Redactamos la arrastre, pero todavía nos movemos hacia arriba. Con nuestro próximo cambio, deberíamos ver que esos marcadores crecen aún más. En Hummingbird, vaya a la optimización/activos de activos y haga clic en Reverificar los archivos. Mientras revisa, inicia el CDN en ON (desde la ventana emergente) nuevamente. Ella le dirá cuántos activos se encuentran; Haga clic en el botón “Entiendo”. Después de inscribirlo, haga clic en la activación. Antes de hacer pruebas de velocidad, me gustaría realizar otra prueba de rendimiento de Hummingbird y ver cómo ha mejorado desde que hice todas esas optimizaciones.

87 a 98! Llamaría a esto una mejora estelar. Veamos si esto ha elevado nuestros puntajes de velocidad.

96 vale un baile feliz!

“B” sigue siendo mi corazón. El rendimiento está aumentando. Podríamos llamar un día y tener una gran capacidad para responder a estos puntajes. Pero haré un último salto y activaré el caché del servidor estático en mi concentrador de host. Una última prueba … y la encuesta dice que es bastante perfecta. Por cierto, ¿alguien puede ver 99 y no escuchar a Toto en su cabeza?

Fan-Humming-Smush-Tastic !! De acuerdo, este es el mejor puntaje que he visto hasta ahora. ¡Haré una gira de victoria! Antes de dejarme usado por la bandera en el cuadros, solo quiero compartir un pensamiento serio en continuar la prueba. Habrá pequeñas variaciones si continuaríamos probando más, porque ninguno de los elementos es verdaderamente estático. Pero no debe ver disminuciones significativas durante la carga de la página, con todos los cambios que hemos jugado. Los consejos para las ganancias de velocidad general en esta fue una experiencia que abre los ojos. Avada definitivamente puede aumentar el ritmo cuando se usa en conjunto con Smush y Hummingbird. Aunque hemos establecido muchas configuraciones, hay algunas cosas que siempre debe considerar cuando se trata de obtener y mantener una velocidad óptima en su sitio son:

Elija un tema que sea más minimalista (es decir, “luz”)

Eliminar complementos que son viejos o que ya no se usan

Habilitar el almacenamiento en caché

Reduzca y posponga CSS y JavaScript

Use un CDN

Remedio la corbatas rotas

Optimiza tus fotos

Actualice su plan de alojamiento

Este último realmente puede marcar la diferencia entre la noche y el día. Asegúrese de que su proveedor de alojamiento tenga una buena reputación y que resulte ser rápido y confiable. (Los planes de alojamiento de desarrollo de WPMU proporcionan alojamiento, un océano digital completamente dedicado. ¿Qué configuración de objetos web están en Hummingbird Pro? Optimizado de manera rápida y enojada tiene todas las herramientas disponibles ahora. A medida que su sitio aumenta y continúe agregando contenido y aumentando su tráfico, debe probar y reevaluar la configuración de optimización. Como ha visto, Smush y Hummingbird son herramientas de optimización gratuitas, llenas de funciones, lo que aumentará su velocidad. Pero no importa lo que use, continúe haciendo ajustes para que las cargas de su página nunca sean un factor de desánimo para los visitantes o clientes. Haga su propia avada y el sitio apresura su bala de plata. ¿Cuáles son sus optimizaciones favoritas para mejorar la velocidad de la página? ¿Utiliza la combinación de Smush y Hummingbird en su sitio? Háganos saber en los comentarios a continuación.