¿Qué es Page Speed Insights?
Page Speed Insights (PSI) es una herramienta gratuita de Google que analiza la velocidad y experiencia de carga de cualquier URL, tanto en móvil como en escritorio, asignando una puntuación de 0 a 100.
¿Qué datos utiliza?
- Datos reales de usuarios (Informe de experiencia del usuario de Chrome)
- Datos de laboratorio (generados con Lighthouse)
Enfocado en los Core Web Vitals:
- LCP (Largest Contentful Paint): mide el tiempo que tarda en mostrarse el elemento de mayor tamaño visible en pantalla (como una imagen o bloque de texto principal).
- INP (Interaction to Next Paint): evalúa la capacidad de respuesta de la página al medir cuánto tarda en reaccionar visualmente después de una interacción del usuario.
- CLS (Cumulative Layout Shift): cuantifica los cambios inesperados en el diseño de la página que afectan la estabilidad visual mientras se carga.
¿Cómo funciona?
PSI combina dos tipos de análisis:
| Tipo de dato | ¿Qué mide? |
|---|---|
| Datos de campo | Experiencia real de los usuarios |
| Datos de laboratorio | Pruebas técnicas en condiciones controladas |
¿Qué muestra el informe?
- Puntuación global (de 0 a 100)
- Oportunidades de mejora
- Diagnósticos técnicos
- Auditorías superadas
¿Por qué es importante?
Una buena puntuación en PSI:
- Mejora la experiencia de usuario
- Disminuye la tasa de rebote
- Aumenta la conversión
- Influye en el SEO gracias a los Core Web Vitals
- Mejora la percepción de marca y la retención de usuarios
¿Cómo mejorar tu puntuación?
Optimiza recursos:
- Imágenes: usa WebP o AVIF, aplica compresión sin pérdida y lazy loading
- CSS/JS: minifica y retrasa la carga
- Activa caché del navegador
- Usa una CDN para contenido estático
- Reduce el Time to First Byte (TTFB)
- Evita redirecciones innecesarias
Mejora los Core Web Vitals:
| Métrica | Cómo optimizar |
|---|---|
| LCP | Prioriza la carga del contenido principal |
| INP | Elimina tareas pesadas del hilo principal |
| CLS | Define tamaños fijos para imágenes y elementos visuales |
No te obsesiones con el 100/100. Lo esencial es ofrecer una web rápida, estable y fluida para la mayoría de tus usuarios.
Paso a paso para tu tienda online
Haz pruebas frecuentes tras cada cambio técnico o de contenido
Analiza la home con PSI (móvil y escritorio)
Identifica los elementos críticos: imágenes pesadas, scripts bloqueantes, etc.
Aplica mejoras técnicas:
Compresión de imágenes
Carga diferida de JS
Uso de CDN
Activación de caché
Minificación de recursos
Vuelve a pasar el test y evalúa el impacto
Automatiza con plugins de optimización
Repite en URLs clave: fichas de producto, categorías, etc.
