Seguro te ha pasado. Entras a una página en el celular, vas a tocar un botón y en ese instante el contenido salta y terminas tocando un anuncio. O la página queda en blanco varios segundos. Esas molestias tienen nombre y medida: las Core Web Vitals.
Son tres métricas que Google usa para medir la experiencia de las personas reales en tu sitio. Forman parte de las señales de experiencia de página que considera para posicionar. No son el factor más importante, el contenido sigue mandando, pero cuando dos páginas son parecidas, la experiencia puede inclinar la balanza. Y sobre todo, afectan directamente si un visitante se queda o se va.
Las tres métricas en una tabla
| Métrica | Qué mide | Bueno | Necesita mejora | Malo |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Cuánto tarda en verse el contenido principal | Hasta 2,5 s | Entre 2,5 y 4 s | Más de 4 s |
| INP (Interaction to Next Paint) | Qué tan rápido responde la página al tocar o hacer clic | Hasta 200 ms | Entre 200 y 500 ms | Más de 500 ms |
| CLS (Cumulative Layout Shift) | Cuánto se mueven los elementos mientras carga | Hasta 0,1 | Entre 0,1 y 0,25 | Más de 0,25 |
Estos umbrales son los que publica Google en web.dev. Para aprobar, al menos el 75 % de las visitas a una página deben estar en el rango «bueno» en cada métrica.
LCP: la primera impresión
El LCP mide cuánto tarda en aparecer el elemento más grande de la pantalla inicial. Suele ser la foto principal, un banner o un bloque de texto grande. Es lo que el visitante percibe como «ya cargó».
Qué suele empeorar el LCP
- Imágenes de portada muy pesadas o sin comprimir.
- Un hosting lento que tarda en responder.
- Sliders que cargan varias fotos grandes antes de mostrar la primera.
- Fuentes y estilos que bloquean el dibujo de la página.
Las soluciones más comunes son usar imágenes en WebP o AVIF del tamaño justo, darle prioridad de carga a la imagen principal, activar caché y mejorar el servidor. En muchos casos, cambiar un slider por una imagen fija bien elegida mejora el LCP y además el mensaje.
INP: la sensación de rapidez
El INP reemplazó en marzo de 2024 a la métrica anterior, FID. Mide el tiempo entre una interacción (tocar un botón, abrir un menú, escribir en un formulario) y el momento en que la pantalla muestra una respuesta. Si tocas «Agregar al carrito» y nada pasa durante un segundo, tienes un problema de INP.
Qué suele empeorar el INP
- Demasiado JavaScript: chats, píxeles de seguimiento, pop-ups y widgets que se ejecutan a la vez.
- Plugins o apps que agregan código en todas las páginas aunque no se usen.
- Constructores visuales pesados mal configurados.
- Tareas largas que bloquean el navegador mientras la persona intenta usar la página.
Aquí la mejora suele venir de quitar. Revisa qué scripts son de verdad necesarios, carga los demás solo cuando hagan falta y agrupa las etiquetas de seguimiento en Google Tag Manager con orden.
CLS: que nada salte
El CLS mide la estabilidad visual. Cada vez que un elemento se desplaza sin que el usuario lo pida, suma. Es la métrica de los toques equivocados y la lectura interrumpida.
Qué suele empeorar el CLS
- Imágenes y videos sin ancho y alto definidos.
- Banners de cookies o avisos que aparecen arriba y empujan el contenido.
- Anuncios o recomendaciones que se insertan después de cargar.
- Fuentes web que cambian el tamaño del texto al terminar de cargar.
La solución es reservar el espacio de cada elemento desde el inicio y mostrar los avisos en capas que no empujen el contenido. Si usas un banner de cookies, revisa que no genere saltos.
Cómo medir tus Core Web Vitals
Hay dos tipos de datos y conviene no confundirlos. Los datos de campo vienen de usuarios reales de Chrome y son los que usa Google. Los datos de laboratorio son una simulación útil para encontrar la causa de un problema.
- Abre Google Search Console y entra al informe de Core Web Vitals. Ahí verás qué grupos de URLs están bien y cuáles no, en móvil y en computador.
- Pasa las páginas señaladas por PageSpeed Insights. Mira primero la sección de datos reales y luego el diagnóstico.
- Prioriza las plantillas, no las páginas sueltas. Si falla la plantilla de servicios, falla en todas las páginas de servicios.
- Aplica las correcciones, espera algunas semanas para que se actualicen los datos de campo y vuelve a revisar.
Clave: Si tu sitio tiene poco tráfico, Google puede no tener datos de campo suficientes. En ese caso usa los datos de laboratorio como guía y concéntrate en una buena experiencia en celulares de gama media, que usan muchos de tus clientes.
¿Vale la pena invertir en esto?
Para la mayoría de empresas, sí, aunque con medida. No necesitas un puntaje perfecto de 100. Necesitas que tus páginas importantes estén en verde y que la experiencia sea cómoda. Un sitio rápido y estable suele traducirse en más tiempo de lectura, más mensajes y menos carritos abandonados.
Si tu web está en rojo y no sabes por dónde empezar, el servicio de optimización de Core Web Vitals revisa plantilla por plantilla. Y si estás planeando un sitio nuevo, es mucho más fácil construirlo rápido desde el inicio; revisa cómo lo hacemos en nuestro diseño de páginas web para empresas. Para el panorama completo de mejoras, mira también la guía de optimización de un sitio web.
¿Tu sitio sale en rojo en PageSpeed? Te ayudamos a entender por qué y a corregirlo con prioridades claras.
Hablar con un asesor
