Una web aprueba las Core Web Vitals si carga su elemento principal en 2,5 segundos o menos (LCP), responde a cada clic o toque en 200 milisegundos o menos (INP) y no mueve el contenido mientras se carga (CLS de 0,1 o menos). Google mide esos tres valores con visitas reales y recomienda alcanzarlos porque encajan con lo que sus sistemas de clasificación quieren premiar.
Las tres métricas, sin jerga
| Métrica | Qué mide | Valor bueno |
|---|---|---|
| LCP (Largest Contentful Paint) | Cuánto tarda en verse lo más grande de la pantalla: la foto principal o el titular | 2,5 s o menos |
| INP (Interaction to Next Paint) | Cuánto tarda la página en reaccionar cuando pulsas un botón, abres un menú o escribes | 200 ms o menos |
| CLS (Cumulative Layout Shift) | Cuánto se desplaza el contenido mientras carga, el típico botón que se mueve justo cuando vas a pulsarlo | 0,1 o menos |
Dos detalles que cambian cómo se leen estos números, según la documentación de web.dev:
- No cuenta la media, cuenta el percentil 75. Tu página aprueba si al menos tres de cada cuatro visitas cumplen el valor. Si tu web va bien en tu ordenador pero mal en el móvil de tus clientes, suspende.
- Móvil y ordenador se evalúan por separado. Casi siempre el móvil es el que falla, porque tiene menos potencia y peor conexión.
INP sustituyó en 2024 a la métrica anterior, FID. Si un informe antiguo te habla de FID, está desactualizado.
Cómo medirlo si tu web tiene poco tráfico
Aquí es donde se atascan muchas pymes. PageSpeed Insights muestra arriba los datos de visitas reales de Chrome, pero solo si tu web tiene tráfico suficiente. Si no lo tiene, verás un aviso de que no hay datos y solo el resultado de laboratorio.
Lo que recomendamos según el caso:
- Con tráfico suficiente: el informe de Core Web Vitals de Search Console. Agrupa tus URL en buenas, a mejorar y malas, y te dice qué métrica falla en cada grupo.
- Sin datos reales: PageSpeed Insights en modo móvil o Lighthouse dentro de Chrome. Son simulaciones, así que úsalas para comparar antes y después de un cambio, no como nota definitiva.
- Siempre: prueba la web en un móvil de gama media con datos, no solo con la wifi de la oficina. Es lo más parecido a lo que vive tu cliente.
Qué arreglar primero
Cada métrica suele fallar por pocas causas. Este es el orden en el que las revisamos cuando una web nos llega con malas notas.
Si falla LCP
- La imagen principal pesa demasiado. Una foto de cabecera de varios megas es la causa más común. Exportarla en WebP o AVIF y al tamaño en que se muestra suele bastar.
- La imagen principal se carga con lazy loading. La carga diferida va bien para lo que está más abajo, pero la imagen de cabecera tiene que pedirse la primera.
- La página se construye en el navegador. Muchas webs hechas con frameworks de JavaScript envían una página vacía y la montan después. En nuestra propia web generamos el HTML de cada página al publicar, de modo que el navegador y Google reciben el contenido completo desde el primer byte.
Si falla INP
- Demasiados scripts de terceros. Chats, píxeles de publicidad, mapas y widgets de reseñas se ejecutan en cada página. Quita los que nadie usa y retrasa la carga del resto.
- Menús y filtros que recalculan toda la página. En tiendas online con muchos productos, un filtro mal programado puede bloquear la pantalla un segundo entero en un móvil.
Si falla CLS
- Imágenes y vídeos sin ancho y alto definidos. El navegador no sabe cuánto espacio reservar y empuja el texto cuando llegan.
- Banners que aparecen arriba después de cargar. El aviso de cookies o una promoción que se inserta encima del contenido lo desplaza todo.
- Fuentes que cambian al final. Si la tipografía de la marca llega tarde, el texto cambia de tamaño. Alojar las fuentes en tu propio dominio, como hacemos nosotros, evita una conexión extra a otro servidor.
Lo que no te van a decir las Core Web Vitals
Aprobar estas métricas no te sube por sí solo a la primera página. Google lo deja claro: siempre intenta mostrar el contenido más relevante, aunque la experiencia de página no sea buena. La experiencia de página ayuda cuando hay mucho contenido útil compitiendo por la misma búsqueda. Lo que sí consiguen es que no pierdas visitas que ya tenías: una web que tarda en reaccionar o que mueve los botones se abandona antes de pedir presupuesto.
Si tu web suspende en móvil y no sabes por dónde empezar, en desarrollo web a medida partimos de esas tres métricas: HTML generado de antemano, imágenes optimizadas y los mínimos scripts de terceros.