+34 650908608 contacto@creandowp.es
Seleccionar página
Optimizar web con wp-rocket y sg optimizer

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

  1. Metricas iniciales de GTMETRIX
  2. Valores iniciales antes de la optimización
  3. Configuración de DIVI para optimizarlo
  4. Configuración de SG-Optimizer.
  5. Configuración de Wp-rocket
  6. 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

gtmetrix report inicial
gtmetrix report inicial performance metrics

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

divi opciones del tema perfomance optimizado
divi opciones del tema constructor final optimizado

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.

siteground optimizer cache opciones con wp-rocket
siteground optimizer divi con wp-rocket ajustes de entorno
siteground optimizer divi con wp-rocket ajustes de cache
siteground optimizer divi portada
siteground optimizer divi javascript
siteground optimizer divi general

Configuración de Wp-rocket

wp-rocket cache optimizada
wp-rocket medios
wp-rocket optimizar archivos
wp-rocket precargar
wp-rocket precargar DNS y fonts

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.

wp-rocket archivos javascript optimizada

Valores finales después de la optimización

gtmetrix report final
gtmetrix report final performance metrics
gtmetrix report final page details

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.