Qué miden los Core Web Vitals
Las métricas principales se centran en LCP para la carga del contenido principal, INP para la respuesta ante interacciones y CLS para la estabilidad visual.
LCP: cuando el contenido principal tarda en aparecer
Imágenes pesadas, servidores lentos, CSS bloqueante y renderizado ineficiente pueden retrasar el contenido principal. Identifica primero qué elemento representa el LCP.
INP: cuando la página responde tarde
JavaScript excesivo, tareas largas y demasiada lógica en el hilo principal pueden afectar la respuesta. Conviene reducir trabajo innecesario y dividir tareas costosas.
CLS: evitar movimientos inesperados
Imágenes sin dimensiones, anuncios, fuentes o componentes que cambian de tamaño pueden desplazar el contenido. Definir dimensiones y reservar espacio reduce estos movimientos.
Cómo priorizar una optimización
Primero mide. Después identifica las plantillas y recursos que concentran el problema. Optimiza imágenes, scripts, CSS, fuentes, caché y servidor según evidencia.
Checklist práctico
- Medir antes de modificar.
- Definir width y height para imágenes relevantes.
- Optimizar imágenes y formatos modernos.
- Reducir JavaScript innecesario y tareas largas.
- Volver a medir después de cada cambio importante.
