Una página web rápida es crucial tanto para tus visitantes como para tu posición en Google. Pero ¿cómo se mide exactamente lo rápido que carga tu página web? Y, más importante aún, ¿qué significan todas esas puntuaciones y gráficos? Aquí aprenderás a usar y entender las principales herramientas de test de velocidad.

Las tres principales herramientas de test de velocidad

Hay decenas de herramientas para medir la velocidad de tu página web, pero estas tres son las más fiables e informativas:

Google PageSpeed Insights

Es la herramienta de la propia Google y, por eso, especialmente relevante para el SEO. PageSpeed Insights mide el rendimiento de tu página web tanto en móvil como en ordenador. La herramienta se basa en datos de usuarios reales de Chrome (Core Web Vitals) y en pruebas simuladas.

Métricas importantes que verás aquí:

  • Puntuación de rendimiento (0-100): una valoración general de tu página. Aspira a un mínimo de 90 para obtener buenos resultados.
  • First Contentful Paint (FCP): la rapidez con la que se hace visible el primer contenido. Lo ideal es que esté por debajo de 1,8 segundos.
  • Largest Contentful Paint (LCP): el momento en que se ha cargado el elemento más grande. Mantenlo por debajo de 2,5 segundos.
  • Cumulative Layout Shift (CLS): mide lo estable que es tu página durante la carga. Por debajo de 0,1 está bien.
  • Time to Interactive (TTI): el momento en que la página es totalmente utilizable.

GTmetrix

GTmetrix ofrece una imagen más detallada que PageSpeed Insights y es la favorita de los desarrolladores. La versión gratuita hace la prueba desde Vancouver, pero también puedes elegir un servidor europeo para obtener resultados más relevantes.

GTmetrix muestra dos puntuaciones principales:

  • Performance: basada en las métricas de Lighthouse, comparable a PageSpeed Insights.
  • Structure: lo bien construida que está tu página web a nivel técnico (caché, compresión, etc.).

Pingdom Website Speed Test

Pingdom es la más fácil de entender y da una impresión rápida. Eliges una ubicación de prueba y obtienes directamente el tiempo de carga en segundos. Es ideal para una comprobación rápida, pero menos adecuada para un análisis en profundidad.

Entender el gráfico de cascada

La información más valiosa de cualquier test de velocidad es el gráfico de cascada (waterfall chart). Se trata de una línea de tiempo visual que muestra en qué orden se cargan todos los archivos y cuánto tarda cada uno.

Qué buscar en el gráfico de cascada:

  • Recursos que bloquean el renderizado: los archivos CSS y JavaScript que están arriba y tardan en cargarse bloquean la visualización de tu página.
  • Imágenes grandes: fíjate en los archivos de más de 200KB. A menudo puedes comprimirlos sin perder calidad.
  • Scripts externos: las fuentes, las analíticas y los widgets de redes sociales suelen cargarse con lentitud. Plantéate si los necesitas todos.
  • Barras rojas o naranjas: indican problemas. El rojo suele significar que no se encuentra un archivo (error 404).

El gráfico de cascada se lee de arriba abajo. Cuanto más corta sea la línea de tiempo total, mejor. Presta especial atención a los primeros segundos, porque es ahí donde los visitantes notan más el retraso.

Qué significa cada color

En GTmetrix y herramientas similares verás barras de colores para cada archivo:

  • Azul (DNS Lookup): el tiempo para encontrar el servidor. Normalmente es insignificante.
  • Naranja (Connecting): el tiempo para conectarse con el servidor.
  • Verde (Waiting/TTFB): Time To First Byte, lo que tarda tu servidor en responder. Con el hosting de Theory7 suele ser muy rápido gracias a nuestra configuración de PHP-FPM.
  • Morado (Receiving): lo que se tarda en descargar el archivo.

Fijar prioridades para las mejoras

Después de analizar tus tests de velocidad sabrás dónde están los problemas. Pero ¿por dónde empezar? Sigue este orden para obtener el mejor resultado:

1. Tiempo de respuesta del servidor (TTFB)

Si tu TTFB supera los 600ms, es posible que el problema sea tu hosting. En los servidores de Theory7 con servidor web LiteSpeed sueles quedar por debajo de 200ms. Usa también la caché para reducir la carga del servidor.

2. Optimizar las imágenes

Esto suele ser lo que más mejora el resultado. Comprime las imágenes con herramientas como Smush o ShortPixel. Sirve formatos modernos como WebP siempre que sea posible. Consulta nuestra guía sobre Smush para WordPress.

3. Activar la caché

La caché del navegador hace que los visitantes que vuelven no tengan que cargarlo todo de nuevo. La caché del lado del servidor (como LiteSpeed Cache) acelera las primeras visitas. Lee más en nuestro artículo sobre la configuración del plugin LiteSpeed Cache.

4. Optimizar CSS y JavaScript

Combina y minifica tus archivos CSS y JavaScript. Carga los scripts no críticos de forma asíncrona o aplázalos con defer. La mayoría de los plugins de caché, como WP Rocket y LiteSpeed Cache, ofrecen estas funciones.

5. Limitar los recursos externos

Cada recurso externo (Google Fonts, widgets sociales, píxeles de seguimiento) añade tiempo de carga. Plantéate alojar las fuentes en local y carga solo los scripts que realmente uses.

Consejos prácticos para pruebas fiables

Para obtener resultados coherentes al hacer las pruebas:

  • Haz varias pruebas y calcula la media. Las pruebas únicas pueden desviarse.
  • Elige un servidor de pruebas cercano a tu público objetivo. Para visitantes de los Países Bajos, un servidor europeo es lo más relevante.
  • Prueba tanto tu página de inicio como las páginas de destino importantes. No todas las páginas cargan igual de rápido.
  • Compara siempre la misma página antes y después de un cambio para medir el efecto.

¿Todo listo para hacer tu página web más rápida? En Theory7 ofrecemos de serie servidores web LiteSpeed, PHP-FPM y almacenamiento SSD para un rendimiento óptimo. ¿Necesitas ayuda para optimizar tu página web? Nuestro equipo de soporte te ayudará encantado (por chat, ticket o correo, en español; por teléfono, en neerlandés e inglés).