GTMetrix: la guía completa

La velocidad de carga de una página web forma parte de los criterios que determinan la calidad de un sitio. Por tanto, entra en cuenta para determinar la posición que Google le da en las páginas de resultados de búsqueda (las SERP). Es, pues, un reto crucial: un retraso de visualización de unas fracciones de segundo puede generar una pérdida importante a todos los niveles: posicionamiento, tráfico, cifra de negocio… En un enfoque de optimización de su posicionamiento orgánico cuyo fin es hacer crecer su negocio, el primero de los buenos reflejos que adoptar es analizar la rapidez de carga de su sitio para adoptar acciones correctivas si es necesario. Ahí es donde entran en juego las herramientas que miden la velocidad y las prestaciones de visualización de un sitio, como GTMetrix. Un enfoque sobre esta herramienta SEO bien práctica.

Preámbulo: identificar las causas de la ralentización de un sitio

Que los no bilingües se tranquilicen: GTMetrix es usable por todos, y esta guía existe para demostrárselo. En cambio, las acciones que hay que poner en marcha para obtener resultados exigen conocerse en código y en programación de sitios web. Deberá, como mínimo, recurrir a un desarrollador para implementar las recomendaciones extraídas del análisis GTMetrix. Este se centra en las causas de ralentización de un sitio, que pueden ser múltiples.

Publicidad, imágenes y Flash

La prestación de las páginas de un sitio web depende de un número importante de factores. En ciertos casos, un número elevado de peticiones HTTP debido a la sobrecarga de publicidad o a imágenes mal optimizadas ocasiona dificultades. De manera general, cuanto más pesadas o de alta resolución son las recursos, más aumenta el peso de una página. Y cuando se envían demasiadas peticiones al mismo tiempo, eso puede engendrar bloqueos o lentitudes de tratamiento. La herramienta GTMetrix permite en particular efectuar pruebas cargando o no la publicidad presente en una página, a fin de observar su impacto eventual en el tiempo de carga. Por lo demás, la tecnología Flash, aunque útil para la interactividad de una página, genera ralentizaciones bien conocidas de los webmasters, que desde entonces han preferido adoptar las funcionalidades de HTML5. La presencia de Flash en sitios a veces un poco antiguos puede, por tanto, resultar una auténtica causa de ralentización y está muy desaconsejada.

Problemas técnicos: codificación, scripts…

En otros casos, puede tratarse de un problema más técnico relativo a JavaScript, al código HTML, o de un problema más profundo ligado al CDN, la red de difusión de contenido. A menudo es difícil identificar con exactitud las causas de una ralentización. Sea cual sea su origen, se aconseja analizar su sitio para mejorar su prestación, y GTmetrix le permite verlo con más claridad.

¿Cómo funciona GTMetrix?

Creación de una cuenta gratuita

GTMetrix es una herramienta que propone numerosas funcionalidades accesibles de forma gratuita. Puede, por tanto, acudir a su interfaz web para probar de inmediato su sitio. Al identificarse, obtiene más opciones en cuanto a la elección de la ubicación de los servidores de prueba y de ciertos parámetros. Gracias a su cuenta de usuario, también tiene la posibilidad de automatizar la creación de informes regulares.

La cuenta premium

Una cuenta GTMetrix premium dispone de la funcionalidad de análisis de vídeo (una grabación a cámara lenta de la carga de la página, un recurso tras otro) o del historial de las pruebas. También permite visualizar los resultados de varias pruebas en una sola página. El gráfico que propone facilita la comprensión de los datos.

Prueba de velocidad de GTMetrix

Durante una prueba en GTMetrix, la página de resultados muestra la información relativa al contexto y a la parametrización de esa prueba: el navegador usado y su versión, la ubicación del servidor, el score Pagespeed y el score YSlow. También revela el número de peticiones que genera la carga de la página, el peso de la página y el tiempo total para su carga. Esta información puesta en primer plano e interpretada de antemano gracias a un código de color da una primera visión de la prestación global de la página.

PageSpeed e YSlow

Indicadores complementarios

PageSpeed e YSlow son dos indicadores distintos, pero complementarios en el análisis de las páginas. Corresponden cada uno a una media expresada en porcentaje del análisis de varios criterios. Cada uno de estos dos indicadores es objeto de una pestaña dedicada que detalla los distintos criterios que lo componen y los clasifica por orden creciente (las puntuaciones más pequeñas revelan los puntos más problemáticos del análisis). Un código de color también permite determinar de un vistazo la importancia del criterio entre las causas de ralentización.

Así, PageSpeed e YSlow dan acceso a la lista de los criterios que los componen y a las puntuaciones de 0 a 100 de cada uno de ellos. Analizan, por ejemplo, la activación de la compresión Gzip, la minimización de los recursos, la optimización del tamaño de las imágenes, el tamaño de los recursos Javascript y CSS, la presencia de cabeceras 404…

Cada criterio entrega la localización precisa de los puntos bloqueantes y recomendaciones concretas que aplicar en el sitio. Se conocen, por ejemplo, los recursos exactos juzgados demasiado pesados y su peso, acompañados de una consigna en cuanto a las acciones que llevar a cabo o el objetivo que alcanzar (reducción del 15 %, por ejemplo).

Las demás herramientas de GTMetrix

El Waterfall

El Waterfall es una funcionalidad de GTMetrix que permite localizar los puntos exactos de ralentización de una página siguiendo el orden de carga de los recursos en cascada. Todas las peticiones efectuadas durante la carga se presentan una tras otra en forma de barra gráfica que materializa su duración. Al pasar el cursor por cada barra, se muestran informaciones detalladas sobre la composición del tiempo de carga.

Estas son todas las etapas por las que puede pasar la carga de un recurso:

• Búsqueda DNS: el tiempo empleado en encontrar el DNS

• Conexión: el tiempo necesario para crear una conexión

• Bloqueo: el tiempo pasado en la cola de espera del navegador

• Envío: el plazo de envío de la petición

• En espera: el tiempo pasado a esperar la respuesta (plazo hasta el primer byte)

• Recepción: el tiempo necesario para descargar contenido

Los Timings y el time to first byte, o TTFB

El cuadro de lectura de los recursos en cascada también propone puntos de referencia verticales y coloreados, que corresponden a ciertos puntos estratégicos de la carga de la página: la línea vertical azul corresponde al punto de carga del DOM (Document Object Model), la interfaz de programación que permite a scripts examinar y modificar el contenido del navegador web. En cuanto a la línea roja, representa el momento exacto en que la página se ha cargado. Gracias al conjunto de estos datos, obtiene una mejor vista micro de la carga de su página y del comportamiento de cada recurso para llegar al tiempo de carga global de la página.

La pestaña Timings le proporciona un resumen de esos timings precisos. Observe en particular el time to first byte (TTFB) o la velocidad a la que se transmite el primer byte, porque le da una idea de la velocidad de su servidor. Si su TTFB permanece elevado pese a sus optimizaciones y a la mejora de otros parámetros, probablemente deba profundizar el análisis del lado del servidor.

Medir la prestación de un sitio

Realizar varias pruebas

GTMetrix es, por tanto, una herramienta SEO eficaz para medir la duración de carga de un sitio. Permite lanzar pruebas en varias configuraciones modificando ciertos parámetros como la velocidad de conexión, el dispositivo, la resolución de pantalla, la localización del servidor… El resultado de una prueba solo es válido para la configuración elegida, y es preferible realizar varias pruebas variando los parámetros a fin de obtener un tiempo de carga medio y realista.

También se aconseja seleccionar esos parámetros en función de la realidad de sus usuarios: gracias a Google Analytics, puede saber cuáles son los aparatos más usados por sus visitantes (marca y modelo de smartphone, por ejemplo), sus navegadores favoritos para consultar su sitio, su localización geográfica… Así está en condiciones de personalizar sus pruebas para que sean lo más representativas posible de la experiencia real de sus usuarios.

Para multiplicar estas pruebas y asegurarse de su fiabilidad, repártalas en el tiempo según un programa de una semana como mínimo. Procure programar sus pruebas en varias franjas horarias del día, para tener en cuenta la eventual estacionalidad o detectar las horas punta. La prestación de un sitio evoluciona a lo largo del día y a menudo depende de sus picos de visita.

A partir de los datos registrados en estas distintas pruebas, estará en condiciones de identificar los períodos más lentos para su sitio, y GTMetrix le entregará recomendaciones y notas sobre cada uno de los puntos auditados: la optimización de las imágenes, el estado del Javascript, de las hojas CSS, del HTML… También puede parametrizar un informe regular en la configuración más común y GTMetrix le permite exportarlo en PDF, compararlo con otros…

Parametrizar las pruebas

Elección de los servidores de prueba

El riesgo con la mayoría de las pruebas gratuitas que permiten evaluar el tiempo de carga es que la ubicación geográfica del servidor es aleatoria. En consecuencia, los resultados de un sitio localizado en Francia y probado por un servidor situado en Australia no pueden considerarse fiables si aquel no dispone de red de difusión de contenido (CDN). Para optimizar las pruebas, seleccione por tanto en GTMetrix servidores pertinentes, que permitan probar su sitio en las condiciones de uso más comunes.

Elección de la geolocalización

Debe conocer la ubicación de su servidor antes de efectuar las pruebas. En caso de necesidad, pídasela a su proveedor de nombre de dominio. Parametrice las pruebas eligiendo servidores instalados en las zonas geográficas en las que se encuentran sus públicos y prospectos.

Elección de las páginas objetivo

Para probar el tiempo de carga de un sitio, empiece por la página de inicio y, a continuación, privilegie sus páginas estratégicas, ricas en contenidos y que aparecen en la SERP en palabras clave de alto reto. Son ellas las que contribuyen al tráfico del sitio. También puede concentrarse en las páginas de destino de las consultas más orientadas al negocio (extraídas de Analytics). Así tiene una visión de las páginas principales por las que los internautas entran en su sitio y puede juzgar la calidad de su experiencia de usuario. Nuestra agencia SEO puede acompañarle a optimizar las prestaciones SEO de su sitio web.

Elección de las opciones avanzadas

GTMetrix le propone parámetros avanzados y una personalización profunda de ciertas configuraciones de prueba. Así le es posible forzar otro DNS, una funcionalidad útil en particular para probar entornos de desarrollo o en el curso de migraciones. Puede analizar versiones de sitios protegidas por una identificación http, introduciendo los identificadores y la contraseña en la herramienta. Puede analizar páginas en las que el usuario necesita estar conectado gracias a una lista de cookies personalizables. Por último, puede indicar dos listas de URL de recursos aprobados o prohibidos (en lista negra) a fin de permitir o no su visualización en la página y, por tanto, su toma en cuenta en el cálculo del tiempo de carga.

En resumen, GTMetrix es una herramienta bastante exhaustiva incluso en su versión gratuita y dedicada a todos los criterios que entran en el cálculo del tiempo de carga y la visualización de una página. Le permite realizar pruebas precisas y realistas respecto a su público de usuarios, identificar los recursos más pesados y las acciones prioritarias que llevar a cabo para mejorar este KPI crucial que es la velocidad de carga. Úsela de forma regular para verificar que sus acciones de optimización dan fruto y observe poco a poco la mejora de su posicionamiento orgánico.