Core Web Vitals: qué mide Google y cómo arreglarlo
Google mide tres cosas: cuánto tarda en aparecer el elemento principal (LCP), cuánto tarda en responder a la primera interacción (INP) y cuánto se mueve el contenido mientras carga (CLS). Las tres tienen causas concretas y arreglos concretos. En la mayoría de los sitios, la imagen del encabezado explica el LCP y las fuentes explican el CLS.
Las tres métricas y sus umbrales
| Métrica | Qué mide | Bien | Mal |
|---|---|---|---|
| LCP | Cuándo aparece el elemento más grande | menos de 2,5 s | más de 4 s |
| INP | Cuánto tarda en responder al primer toque | menos de 200 ms | más de 500 ms |
| CLS | Cuánto se mueve el contenido al cargar | menos de 0,1 | más de 0,25 |
Se miden sobre visitas reales, no en laboratorio. El percentil 75 es el que cuenta: tres de cada cuatro visitas tienen que estar bien.
LCP: casi siempre es la imagen del encabezado
- Identificá qué elemento es el más grande. Suele ser la imagen principal o el título.
- Si es una imagen: precargala, servila en formato moderno y en el tamaño real en que se muestra.
- Quitá todo lo que bloquee el dibujado: hojas de estilo y scripts que no hagan falta arriba de todo.
- Poné el CSS crítico en línea y diferí el resto.
- Verificá que el servidor responda rápido: si el HTML tarda un segundo, el LCP no baja de ahí.
CLS: reservá el lugar antes de que llegue el contenido
- Poné ancho y alto en todas las imágenes, o una relación de aspecto en CSS.
- Reservá el espacio de los anuncios y de lo que se carga después.
- Cargá las tipografías con una alternativa que ocupe un espacio parecido, para que el texto no salte al cambiar.
- Nunca insertes contenido arriba de lo que ya se está viendo.
- Cuidado con los avisos de cookies que empujan la página hacia abajo.
INP: menos JavaScript en el hilo principal
La respuesta a la primera interacción se demora cuando el navegador está ocupado ejecutando JavaScript. Cada script de terceros —chat, analítica, mapas, píxeles— compite por el mismo hilo.
Lo que más rinde es simple: cargar los scripts de terceros diferidos, y los pesados solo cuando hagan falta. Un chat que se carga al hacer clic en el botón en lugar de al abrir la página puede mejorar el INP de forma notable.
El orden para trabajar
- Medí con datos reales, no solo con la prueba de laboratorio.
- Arreglá primero el CLS: suele ser lo más barato y lo más visible.
- Después el LCP, empezando por la imagen principal.
- Al final el INP, sacando o difiriendo lo que no hace falta al inicio.
- Volvé a medir un mes después: los datos de campo tardan en actualizarse.
Preguntas frecuentes
¿Cambiar de hosting mejora los Core Web Vitals?
Mejora el tiempo de respuesta del servidor, que es una parte del LCP. Si el problema son imágenes pesadas o exceso de JavaScript, el hosting nuevo no lo resuelve.
¿Cuánto pesan en el posicionamiento?
Son señal de experiencia de página, no el factor principal. Entre dos páginas con contenido equivalente, inclina la balanza; contra una página mucho mejor, no alcanza.
¿Por qué la prueba me da 100 y el informe de campo malo?
La prueba de laboratorio corre en condiciones ideales. El informe de campo mide visitas reales, con teléfonos y conexiones reales. El que cuenta es el segundo.
Seguí leyendo
Cómo leer una prueba de velocidad sin sacar conclusiones falsas
El puntaje no es la métrica. Qué mirar de verdad en un informe de velocidad y qué recomendaciones se pueden ignorar.
Cuánto te cuesta una imagen mal exportada
Las imágenes son el 60 % del peso de una página promedio. Cuánto se puede recortar sin que se note y cómo hacerlo.
Cachés: navegador, servidor y CDN sin pisarse
Tres capas de caché que resuelven cosas distintas. Cómo configurarlas para que sumen en lugar de estorbarse.