Tutorial GTMetrix: Analiza la velocidad de tu WordPress y averigua qué lo frena

Tutorial GTMetrix

Hoy te voy a hablar de GTMetrix, una potente herramienta para mejorar la velocidad de tu WordPress.

Supongo que ya sabrás lo importante que es que una web cargue rápida.

A nadie le gusta perder usuarios que se han aburrido de esperar o peor que eso, perder ventas porque la web no carga.

Así que necesitamos en qué estado se encuentra nuestra web.

¿Qué es GTMetrix?

GTMetrix es una herramienta que realiza un análisis completo de tu web para averiguar qué aspectos deberías de mejorar.

Analiza prácticamente todos los problemas que suele tener una página web o te ayuda a tener una idea de donde puede venir el problema.

Te muestra diferentes informes muy detallados y que incluso te los puedes descargar o enviarlos a alguien.

¿Para qué te puede servir GTMetrix?

GTMetrix es la mejor herramienta que puedes usar a día de hoy para analizar tu web o por lo menos yo lo pienso.

Te ayuda a detectar malas configuraciones en tu servidor como por ejemplo si tiene o no la compresión Gzip activada.

Podrás ver qué script externos son los que están ralentizando tu web.

Puedes detectar de muchas formas qué tipos de objetos frenan tu web como imágenes, plantillas, plugins, etc.

Podrás llevar un historial de como tu web va mejorando poco a poco.

Detecta cuanto tarda en cargar tu web desde diferentes localizaciones, cambiando un simple ajuste.

Y mucho más.

Si sueles gestionar páginas webs tuyas o de clientes, es una herramienta que deberías de usas si o si.

Es cierto que existen muchas más que yo mismo he usado.

Pero después de mucho probar, esta es la que siempre uso en mi servicio de optimización de WordPress.

Aunque a veces también tengo que realizar análisis con otras.

Analizando tu web

Lo primero que vamos a hacer es analizar tu web WordPress para ver como podemos mejorar su velocidad, así que entra en la web.

Tienes que saber que la aplicación es totalmente gratuita, así que no hará falta ni que te registres.

Pero yo sí te recomiendo que te registres, primero porque es gratis y segundo porque así podrás llevar un mejor control de como vas optimizando tu web.

Analizando la web con GTMetrix

Una vez que estamos registrados, vamos a realizar el análisis de nuestra web.

Así que desde la página principal, mete la dirección de tu web en el cuadro Enter URL to analize, dale al botón de Analize y espera un poco a que termine.

Pagespeed resultado de analisis

Aquí podemos ver diferentes áreas.

Por un lado tenemos la parte de arriba que nos indica la fecha y hora del reporte, el servidor, la localización y el navegador con el que se ha hecho el análisis.

Debajo tenemos los scores de Pagespeed y el de Yslow que nos dan una idea de la situación de la web.

Estos scores dependen de muchos aspectos, así no podremos hacernos ilusiones con conseguir el 100% en los dos.

Habrá webs que no pasen de 60% y que la velocidad sea adecuada, según lo que tengan.

Un ejemplo son las webs que tienen mucha publicidad y que llamas scripts externos.

Por mucho que intentemos mejorarlo, no hay manera de hacerlo a no ser que quitemos la publicidad.

A la derecha donde poner Page Details podremos ver el tiempo de carga de la web en Page Load Time, el peso de la web en Total Page Size y las peticiones o Request que hace.

Una petición o request es un archivo que llama y ejecuta y puede estar dentro o fuera de la web.

Una petición interna es por ejemplo una imagen como el logo y una externa puede ser llamar a las funciones de Facebook para mostrar nuestros seguidores.

A la derecha del todo podremos analizar de nuevo la web, comparar este reporte con otro, cambiar los ajustes del servidor, navegador y demás del análisis.

Debajo hay algunas opciones premium para monitorizar la web de forma programada, así que no podremos usarlas.

Pero la que nos interesa es la de descargar en análisis desde Downloads PDF.

Ahora que hemos visto la parte de arriba, verás abajo las pestañas que vamos a analizar con detenimiento.

Pestaña Pagespeed

GTMetrix pestaña Pagespeed

Pagespeed es un servicio de Google que te da muchas pistas de como optimizar tu web.

GTMetrix lo inserta y te ayuda a mejorar muchas cosas.

Te dejo un listado de las más comunes:

Enable gzip compression

¿Quieres tener un WordPress rápido desde YA?
Descarga gratis mi checklist WPO. ¡Es gratis!

La quiero

Esto es porque tu hosting no tiene activado Gzip, así que la solución es hablar con ellos.

Lo malo de esto es que no todos los hostings lo tienen, así que lo suyo es irte a uno de calidad como Siteground.

Leverage browser caching

El hosting no está optimizado para que el contenido se cachee.

Defer parsing of JavaScript

Este error sale porque tu web carga muchos archivos Javascript en la cabecera.

La solución ya depende de cada web.

Optimize images

Te indica que las imágenes que usas no están optimizadas, así que lo suyo es usar algún plugin como WP Smush para ello.

Serve scaled images

Este error puede ocurrir porque la plantilla no sirve las imágenes en el tamaño correcto o porque hemos cambiado la plantilla hace poco y no hemos realizado la regeneración de la miniaturas.

Pestaña Yslow

GTMetrix pestaña Yslow

En la pestaña de Yslow podremos ver información que también se muestra en la pestaña de Pagespeed

Pero también hay mucha que solo podremos encontrarla en esta.

Dentro de los errores más comunes tenemos:

Use a Content Delivery Network (CDN)

Nos dice que nuestra web no está usando un CDN, dentro de los más conocidos.

Si usamos uno propio, tendremos que ir a los ajustes de GTMetrix y agregarlo para que nos lo detecte.

Reduce DNS lookups

Este error nos indica que hacemos muchas peticiones externas y nos recomienda hacer menos.

Pestaña Waterfall

GTMetrix pestaña Waterfall

La pestaña de Waterfall es de las más importantes y creo que es de las que menos se revisa.

Yo por lo menos estuve un tiempo al principio que no la revisaba y ahora es de las que más veo.

Aquí básicamente nos hace un listado de las peticiones que hace la web y el tiempo que tardan en cargar.

A mi por ejemplo en este análisis me sale que tengo un scripts que se llama nsc.js que tarda más de 650ms.

Osea que en teoría debería de eliminarlo, pero como es una función que necesito, por ahora la dejaré.

Si tienes algún script que esté ralentizando tu web, este es el sitio idóneo para buscarlo.

Pestaña Vídeo

GTMetrix Page Load Vídeo

En esta pestaña podemos ver a tiempo real como se realiza el análisis de la web, pero para ello deberás de activar esta opción desde el botón Enable Video and Re-test.

Yo personalmente la uso muy poco.

Pestaña History

GTMetrix pestaña Report History

Esta pestaña es muy interesante, dado que podremos ver como va avanzando la optimización de nuestra web.

Cada vez que haces alguna mejora y vuelves a hacer un análisis, aquí puedes ir viendo los resultados.

Te recomiendo que la vayas consultando de vez en cuando.

Consejos finales

Por un lado te recomiendo que hagas un análisis a la semana o al mes, ya depende de ti.

El motivo es porque en webs muy activas como blogs y foros, el contenido cambia mucho y puede que por ejemplo las nuevas imágenes no estén optimizadas.

Elige un servidor que esté cercano a tu país o al país donde tienes preferencia de visitas para saber cuanto tarda en cargar en este.

Haz análisis de diferentes páginas y no solo de la home.

Analiza por ejemplo el home, un post, una página, la página de contacto, etc.

Como puedes dejarlos guardados, siempre podrás revisarlos y ver como mejorar los tiempos.

Y sobre todo tómate en serio el tema de la velocidad, porque te afecta seriamente al SEO.

He visto páginas web que al pasar de 6 segundos de carga a menos de 3, han aumentado de visitas de una semana a otra.

Espero que te haya gustado esta guía y si tienes alguna duda, te espero en los comentarios.

¡Valora mi contenido!
[0 votos. Media: 0]
avatar
el más nuevo el más antiguo el más votado
Olmo Axayacatl
Invitado
Olmo Axayacatl

Hola Raúl.

Excelente utilidad. Me han salido 5. 2 segundos de tiempo de carga. Es decir, casi doblo el tiempo recomendado. Entonces tengo trabajo prioritario por hacer.

Saludos.