Los Core Web Vitals son tres medidas que Google usa para evaluar qué tan bien funciona un sitio para quien lo visita. Miden cuánto tarda en mostrarse, qué tan rápido responde al tocarlo y si el contenido se mueve mientras se lee. Importan por dos razones. Son parte de las señales de experiencia que Google considera para posicionar, y se relacionan directamente con cuántas visitas se quedan.
Las tres métricas
- LCP (Largest Contentful Paint). Cuánto demora en aparecer el elemento más grande de la pantalla, normalmente la imagen principal o el titular. Es bueno hasta 2,5 segundos, necesita mejorar entre 2,5 y 4 segundos, y es deficiente sobre 4 segundos.
- INP (Interaction to Next Paint). Cuánto tarda el sitio en reaccionar cuando la persona toca o hace clic en algo. Es bueno hasta 200 milisegundos y deficiente sobre 500. Reemplazó a FID en marzo de 2024 y mira la peor interacción de la visita, no solo la primera.
- CLS (Cumulative Layout Shift). Cuánto se mueve el contenido mientras la página carga, como cuando aprietas un botón y justo aparece un banner que lo desplaza. Es bueno hasta 0,1 y deficiente sobre 0,25.
Datos de laboratorio y datos reales
PageSpeed Insights muestra dos tipos de números y se suelen confundir. Los de laboratorio son una simulación hecha en el momento, útiles para detectar problemas. Los de campo vienen de usuarios reales de Chrome durante las últimas semanas, y son los que Google usa. Un sitio con poco tráfico puede no tener datos de campo, y ahí solo queda la simulación.
Qué suele arreglarlos
Para LCP
- Comprimir y servir las imágenes en formatos modernos como WebP o AVIF, con el tamaño que realmente se muestra
- No cargar de forma diferida la imagen principal de la primera pantalla
- Usar un hosting con buena respuesta y una red de distribución (CDN)
- Reducir el CSS y el JavaScript que bloquean el primer pintado
Para INP
- Quitar scripts de terceros que no se usan (chats, mapas, widgets duplicados)
- Evitar tareas largas de JavaScript al cargar
- Postergar lo que no se necesita hasta que la persona interactúe
Para CLS
- Declarar ancho y alto en imágenes y videos para que el navegador reserve el espacio
- Reservar el espacio de banners, anuncios y avisos de cookies
- Cargar las tipografías de forma que no cambien el texto de golpe
Un ejemplo típico
Un sitio de servicios tiene una portada con una foto de 3 MB como fondo, un chat en vivo, un mapa y tres herramientas de analítica que se instalaron en distintos momentos. En el celular, el contenido principal tarda más de cuatro segundos. Comprimir la foto y quitar dos de las tres herramientas duplicadas baja el tiempo a casi la mitad, sin rediseñar nada.
Por dónde empezar
Mide primero la página que recibe más visitas, en la pestaña móvil. Atiende la métrica en rojo más grande y vuelve a medir. En la mayoría de los sitios de pymes, las imágenes pesadas y los scripts de terceros explican casi todo.
Si quieres saber cómo está el tuyo sin interpretar el reporte, el Chequeo Web mide la velocidad en el celular y te dice qué corregir primero. Para ver cómo se conecta con tus campañas, lee qué revisar antes de invertir en publicidad.