Que son los Core Web Vitals
Los Core Web Vitals son tres metricas que Google usa para medir la experiencia de usuario de tu web: LCP (carga), INP (interactividad) y CLS (estabilidad visual). Desde 2021 son un factor de ranking oficial.
LCP: Largest Contentful Paint
Mide cuanto tarda en cargarse el elemento mas grande visible en la pantalla. El objetivo es menos de 2.5 segundos. Para mejorarlo: optimiza imagenes, usa CDN, mejora tu hosting y precarga recursos criticos.
INP: Interaction to Next Paint
- Mide la latencia de las interacciones del usuario (clics, taps)
- El objetivo es menos de 200 milisegundos
- Mejoralo reduciendo JavaScript pesado
- Dividi tareas largas en fragmentos mas chicos
- Usa web workers para procesos en segundo plano
CLS: Cumulative Layout Shift
Mide cuanto se mueve el contenido mientras carga. Esos saltos molestos cuando estas leyendo y todo se mueve. El objetivo es menos de 0.1. Defini dimensiones para imagenes y videos, y evita insertar contenido dinamico arriba del fold.
Como medirlos y monitorearlos
Usa Google PageSpeed Insights para mediciones de laboratorio, Google Search Console para datos reales de usuarios y la extension Web Vitals de Chrome para testing rapido. Monitorea mensualmente y arregla lo que este en rojo.