Respuesta directa
Core Web Vitals: qué significan LCP, INP y CLS sin hablar en código
Core Web Vitals resume tres aspectos de experiencia: qué tan rápido aparece el contenido principal (LCP), qué tan rápido responde la interfaz a interacciones (INP) y cuánto se mueve inesperadamente la página (CLS).
LCP: cuándo aparece lo importante
En muchas páginas el LCP es una imagen hero, un gran bloque de texto o un banner. Se mejora haciendo que ese recurso sea descubrible pronto y reduciendo peso y bloqueos.
INP: cómo responde la interfaz
Una página puede cargar rápido y sentirse pesada al abrir menús o hacer clic. Tareas largas de JavaScript y trabajo excesivo de layout pueden empeorar la respuesta.
CLS: estabilidad visual
Imágenes sin dimensiones, banners insertados tarde o cambios de fuente pueden mover contenido cuando el usuario ya intentaba interactuar.
Laboratorio y datos reales no son lo mismo
Lighthouse ayuda a diagnosticar en condiciones simuladas; Search Console y CrUX reflejan experiencia agregada de usuarios reales cuando hay datos suficientes.
Referencia de métricas
| Métrica | Qué representa | Objetivo recomendado |
|---|---|---|
| LCP | Carga del contenido principal | ≤ 2,5 s |
| INP | Capacidad de respuesta | ≤ 200 ms |
| CLS | Estabilidad visual | ≤ 0,1 |
Experiencia aplicada
Un ejemplo real: Frontel
Las experiencias editoriales con grandes imágenes, como Frontel, requieren cuidar especialmente el recurso visual principal para no convertirlo en cuello de botella de LCP.
Preguntas frecuentes
Dudas habituales sobre este tema.
¿Un 100 en Lighthouse garantiza buenos CWV?
No. Lighthouse es laboratorio; los datos de campo dependen de usuarios reales.
¿Las animaciones afectan?
Pueden hacerlo si provocan layout o JS pesado.
¿Debo optimizar todas las imágenes al mismo tamaño?
No. Deben entregarse tamaños adecuados según espacio y dispositivo.
Documentación primaria
Fuentes y referencias
Estas referencias permiten contrastar y ampliar los criterios técnicos explicados en el artículo.