Objetivo del tutorial
Core Web Vitals mide experiencia real de carga e interacción. No se trata solo de velocidad técnica, sino de cuándo aparece lo importante, cómo responde la página y si el layout se mueve.
Este tutorial explica cómo interpretar las tres señales principales y qué suele provocar malos resultados.
Qué mira AISEO en Core Web Vitals
LCP
Mide cuánto tarda en aparecer el contenido principal percibido por el usuario.
INP
Evalúa la capacidad de respuesta cuando el usuario interactúa con la página.
CLS
Detecta saltos visuales inesperados durante la carga.
Tendencia
Conviene revisar datos de campo y no solo una prueba aislada.
Cómo interpretar el resultado
Pass
Las métricas principales están dentro de rangos saludables y no muestran fricción relevante.
Warning
Alguna métrica está cerca del límite o depende mucho del dispositivo, red o plantilla.
Fail
Una o varias métricas muestran problemas claros de carga, interacción o estabilidad visual.
Ejemplo técnico orientativo
Las tres señales principales son:
LCP ? carga del contenido principal INP ? respuesta a la interacción CLS ? estabilidad visualLa prioridad real depende de cuál de ellas esté degradando más la experiencia.
Errores frecuentes
- Optimizar solo Lighthouse sin mirar datos reales.
- Cargar imágenes hero demasiado pesadas.
- Insertar banners o fuentes que mueven el layout.
- Bloquear interacción con JavaScript pesado.
Cómo corregirlo
- Optimiza el recurso principal que afecta al LCP.
- Reduce JavaScript innecesario y tareas largas.
- Reserva espacio para imágenes, banners y componentes dinámicos.
- Mide antes y después de cada cambio importante.