En este articulo vamos a optimizar web con wp-rocket y sg-optimizer para conseguir una mejora de rendimiento, el ejemplo de hoy es con nuestra propia web de creandowp.es
- Metricas iniciales de GTMETRIX
- Valores iniciales antes de la optimización
- Configuración de DIVI para optimizarlo
- Configuración de SG-Optimizer.
- Configuración de Wp-rocket
- Valores finales después de la optimización
Metricas iniciales de GTMETRIX
Tenemos nuestra web en siteground y por defecto nos proporcionada Sg-optmizer, usamos el constructor de DIVI y también el plugin WP-rocket. Así es como se ve la web inicialmente en GTMETRIX.
Valores iniciales antes de la optimización
Como ves en las metricas de rendimiento, en la parte de detalles de la página el tamaño total de la web son 4.19MB, si vemos desglosado el tamaño de las imágenes supones 3,22 MB, lo que tenemos que hacer es usar un sistema de optimización de imágenes, en mi caso en lugar de usar el servicio que proporciona SG-Optimizer lo que he hecho ha sido usar IMAGIFY, es un servicio de optimización que dispone de una versión gratuita, dispone de una cuota mensual que se va gastando progresivamente, en caso de que no llegue para optimizar todas las imágenes te tienes que esperar al mes siguiente para que se renueve la cuota mensual de optimización.
Configuración de DIVI para optimizarlo
DIVI es el mejor constructor que hay en el mercado por su calidad y flexibilidad, el constructo de DIVI viene incluido con una serie de opciones para mejorar el rendimiento de la web, están en:
– Opciones del tema DIVI ->Performance
A continuación os dejo las capturas de pantalla de la configuración que mejor rendimiento da en DIVI cuando usamos WP-rocket y SG-OPTIMIZER
Configuración de SG-Optimizer
Con Siteground disponemos de una gran herramienta de optimización que es SG-Optimizer, como en mi caso he usado también WP-Rocket he seguido esta guia de la documentacion de WP-rocket donde explican ampliamente las caracteristicas de WP-rocket y SG-optimizer que están duplicadas.
Configuración de Wp-rocket
Los valores que se precargan hacen referencia a recuross externos normalmente que nuestra web utiliza como pueden ser las fuentes de google o google fonts, en este artículo te explico como cargar las google fonts en local usando GTMETRIX.
Valores finales después de la optimización
Como puedes observar la mejora en cuanto al rendimiento de la web es brutal, tanto la velocidad de carga como el resto de parametros han mejorado sustancialmente. Si quieres obtener estos resueltados en tu web cuenta con nosotros para optimizar tu web al maximo.