Guía práctica para medir la velocidad de carga de tu sitio web
Usa herramientas gratuitas como PageSpeed Insights, Lighthouse y WebPageTest para diagnosticar y mejorar el rendimiento de tu sitio, paso a paso.
Por qué importa la velocidad de carga
La velocidad de carga de un sitio web no es solo un detalle técnico: es uno de los factores más críticos para la experiencia del usuario y el posicionamiento en buscadores. Cuando una página demora más de 3 segundos en cargar, una gran parte de los visitantes abandona antes de ver su contenido. Esto se traduce directamente en menos conversiones, menor tiempo de permanencia y peor ranking en Google.
El impacto real de la velocidad de carga
Herramientas gratuitas para medir velocidad
Existen múltiples herramientas disponibles para diagnosticar el rendimiento de un sitio web. Las tres más utilizadas y recomendadas por la industria son PageSpeed Insights, Lighthouse y WebPageTest. Cada una tiene un enfoque distinto, y usarlas en conjunto te dará una visión completa del estado de tu sitio.
Las 3 herramientas esenciales
PageSpeed Insights
Herramienta oficial de Google. Combina datos reales de usuarios (campo) con análisis de laboratorio. Ideal para comenzar y obtener un diagnóstico rápido con recomendaciones priorizadas.
Lighthouse
Integrado directamente en Chrome DevTools. Analiza rendimiento, accesibilidad, SEO y buenas prácticas. Perfecto para pruebas en entorno controlado antes de publicar cambios.
WebPageTest
La opción más avanzada y detallada. Permite simular diferentes conexiones, ubicaciones geográficas y dispositivos. Genera un informe completo con cascada de carga (waterfall).
Cómo usar PageSpeed Insights paso a paso
PageSpeed Insights es el punto de entrada más recomendado para quienes recién comienzan a medir el rendimiento de su sitio. No requiere instalación ni configuración: basta con ingresar la URL de tu página y esperar los resultados.
Mide tu sitio con PageSpeed Insights
Accede a la herramienta
Visita pagespeed.web.dev desde cualquier navegador. No necesitas iniciar sesión ni crear una cuenta.
Ingresa la URL de tu página
Escribe la dirección completa de la página que quieres analizar (incluyendo https://). Puedes analizar cualquier página: home, landing page, artículo de blog, etc.
Haz clic en 'Analizar'
La herramienta procesará la página durante 30 a 60 segundos. Mostrará primero los resultados para dispositivos móviles y luego para escritorio.
Interpreta la puntuación general
Verás un número del 0 al 100. Verde (90-100) es bueno, naranja (50-89) necesita mejoras, rojo (0-49) es deficiente. Revisa ambas versiones: móvil y escritorio.
Analiza las oportunidades y diagnósticos
Desplázate hacia abajo para ver las sugerencias específicas. Las 'Oportunidades' muestran cambios con mayor impacto en velocidad. Los 'Diagnósticos' revelan problemas adicionales de rendimiento.
Cómo usar Lighthouse desde Chrome
Lighthouse está integrado directamente en Google Chrome, por lo que no necesitas instalar ninguna extensión adicional. Es especialmente útil para analizar páginas que requieren autenticación o que aún no están publicadas públicamente.
Ejecuta Lighthouse en Chrome
Abre las DevTools de Chrome
Navega a la página que quieres analizar. Luego presiona F12 (o Ctrl+Shift+I en Windows / Cmd+Option+I en Mac) para abrir las Herramientas de Desarrollador.
Ve a la pestaña 'Lighthouse'
En la barra superior de DevTools, busca la pestaña llamada 'Lighthouse'. Si no la ves, haz clic en el icono '>>' para ver más pestañas.
Configura el análisis
Selecciona las categorías que quieres auditar: Performance, Accessibility, Best Practices, SEO. Elige también el dispositivo: móvil o escritorio.
Genera el informe
Haz clic en 'Analyze page load'. Lighthouse cargará la página en modo simulado y generará el informe completo en aproximadamente 30 segundos.
Revisa los resultados y exporta
Obtendrás puntuaciones para cada categoría y una lista de problemas con su impacto estimado. Puedes exportar el informe en JSON o HTML para compartirlo con tu equipo.
Cómo usar WebPageTest para análisis avanzado
WebPageTest es la herramienta preferida por desarrolladores y especialistas en performance web cuando necesitan un diagnóstico profundo. Permite configurar la ubicación geográfica del servidor de prueba, el tipo de conexión (3G, 4G, fibra) y el dispositivo, lo que entrega resultados muy precisos sobre cómo experimenta tu sitio un usuario real en distintas condiciones.
Para comenzar, visita webpagetest.org e ingresa la URL de tu sitio. En la configuración básica puedes elegir:
- Test Location: selecciona una ciudad cercana a tu audiencia principal (por ejemplo, São Paulo o Miami para usuarios latinoamericanos).
- Browser: Chrome es el más representativo para la mayoría de los usuarios.
- Connection: simula una conexión Cable o 4G LTE para obtener resultados realistas.
Una vez completado el análisis, presta especial atención al diagrama Waterfall, que muestra el orden y duración de carga de cada recurso. Los recursos que bloquean el renderizado suelen ser los primeros candidatos a optimizar.
Métricas clave que debes monitorear
Más allá de la puntuación general, existen métricas específicas que Google y la industria utilizan como estándar para medir la experiencia de carga. Estas métricas, conocidas como Core Web Vitals, son las más importantes para el SEO y la experiencia del usuario.
Core Web Vitals: valores de referencia
| Métrica | Qué mide | Bueno | Necesita mejora | Deficiente |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Tiempo hasta que el elemento más grande es visible | ≤ 2.5 seg | 2.5 – 4.0 seg | > 4.0 seg |
| INP (Interaction to Next Paint) | Respuesta del sitio a interacciones del usuario | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Estabilidad visual durante la carga | ≤ 0.1 | 0.1 – 0.25 | > 0.25 |
| FCP (First Contentful Paint) | Tiempo hasta el primer contenido visible | ≤ 1.8 seg | 1.8 – 3.0 seg | > 3.0 seg |
| TTFB (Time to First Byte) | Velocidad de respuesta del servidor | ≤ 800 ms | 800 ms – 1.8 seg | > 1.8 seg |
Checklist de medición de velocidad
Antes de publicar cambios en tu sitio
Asegúrate de haber completado estas verificaciones de rendimiento:
- Medí la velocidad de la página con PageSpeed Insights (versión móvil y escritorio).
- El LCP es menor a 2.5 segundos en dispositivos móviles.
- El CLS es menor a 0.1 (el contenido no se mueve durante la carga).
- El INP es menor a 200 ms (el sitio responde rápido a clics y toques).
- Las imágenes están optimizadas: formato WebP o AVIF y con dimensiones adecuadas.
- No hay recursos que bloqueen el renderizado (JS y CSS críticos están optimizados).
- El servidor responde en menos de 800 ms (TTFB).
- Ejecuté Lighthouse en modo incógnito y no tiene errores críticos de rendimiento.
- Verifiqué el resultado desde una ubicación geográfica similar a la de mis usuarios principales.
- Documenté los resultados para comparar en la próxima medición.
Preguntas frecuentes
Resolvemos tus dudas sobre medición de velocidad
Se recomienda medir la velocidad al menos una vez al mes de forma rutinaria. Adicionalmente, debes medir siempre después de publicar cambios importantes: actualización de plugins o temas, nuevas páginas de alto tráfico, integración de scripts de terceros o cambios en el servidor.
¿Quieres saber cómo carga tu sitio ahora mismo?
Obtén un diagnóstico completo de rendimiento, seguridad y SEO en menos de 60 segundos. Sin registro, sin tarjeta de crédito.
Preguntas frecuentes
- ¿Qué herramienta es mejor para medir la velocidad de carga?
- PageSpeed Insights es ideal para comenzar porque combina datos reales de usuarios (CrUX) con análisis de laboratorio. Lighthouse es perfecto para pruebas en entorno local o antes de publicar cambios. WebPageTest es la opción más completa para diagnósticos avanzados con simulación de diferentes redes y ubicaciones geográficas.
- ¿Con qué frecuencia debo medir la velocidad de mi sitio?
- Se recomienda medir la velocidad al menos una vez al mes, y siempre después de publicar cambios significativos en el sitio, como actualizaciones de plugins, nuevas páginas o cambios en el servidor de hosting.
- ¿Qué puntuación en PageSpeed Insights se considera buena?
- Google considera que una puntuación de 90 o más es buena (verde), entre 50 y 89 necesita mejoras (naranja), y por debajo de 50 es considerada deficiente (rojo). El objetivo ideal es superar los 90 puntos en escritorio y los 70 puntos en móvil.
- ¿Qué son los Core Web Vitals?
- Los Core Web Vitals son un conjunto de métricas definidas por Google para medir la experiencia de carga y usabilidad de una página web. Incluyen LCP (velocidad de carga del elemento principal), INP (capacidad de respuesta a interacciones) y CLS (estabilidad visual del diseño durante la carga).