Core Web Vitals explicadas simple: por qué una web lenta pierde clientes

Entrás a una web desde el celular, la pantalla queda en blanco, aparece el texto y de golpe se corre todo porque cargó una imagen, y terminás tocando un botón que no querías. Te pasó a vos y les pasa a tus clientes. La diferencia es que ellos, en lugar de esperar, vuelven atrás y entran a la web de otro.

Google mide justamente esa experiencia con tres indicadores que llama Core Web Vitals (en castellano, Métricas web principales). Suenan técnicos, pero lo que miden es muy fácil de entender. Te los explicamos sin jerga y con una lista de qué revisar.

Las tres métricas, en criollo

LCP: cuánto tarda en verse lo importante

LCP (Largest Contentful Paint) mide cuánto tarda en aparecer el elemento más grande de la pantalla al entrar: normalmente la imagen principal o el título de la portada. Es la sensación de que la página ya cargó. Google considera bueno un LCP de hasta 2,5 segundos.

Lo que más lo empeora: fotos enormes sin optimizar, videos de fondo pesados, un hosting lento o fuentes tipográficas que tardan en llegar.

INP: cuánto tarda en responder cuando tocás algo

INP (Interaction to Next Paint) mide cuánto tarda la página en reaccionar cuando hacés algo: tocar un botón, abrir el menú, elegir un talle. En 2024 reemplazó a la métrica anterior, FID, que solo tenía en cuenta la primera interacción. Un INP bueno es de hasta 200 milisegundos.

Lo que más lo empeora: demasiados scripts de terceros (chats, píxeles de seguimiento, widgets), sliders y efectos que trabajan todo el tiempo, y temas o plugins cargados de funciones que nadie usa.

CLS: cuánto se mueve la página mientras carga

CLS (Cumulative Layout Shift) mide los saltos visuales: ese momento en que vas a tocar algo y se corre porque apareció un banner o una imagen arriba. Se expresa como un número sin unidad, y lo recomendable es que no supere 0,1.

Lo que más lo empeora: imágenes sin tamaño definido, avisos o carteles que se insertan arriba del contenido y tipografías que cambian de tamaño al terminar de cargar.

Un detalle que pocos conocen: Google evalúa estas métricas con datos de visitas reales, y para que una página apruebe, al menos tres de cada cuatro visitas tienen que estar dentro de esos valores. No alcanza con que cargue rápido en tu computadora.

Por qué una web lenta pierde clientes

No hace falta ningún estudio para entenderlo: pensá en tu propio comportamiento. Si una página tarda, la abandonás. Si un botón no responde, lo tocás de nuevo y terminás en otro lado. Si todo salta mientras leés, desconfiás. Con un cliente pasa lo mismo, con un agravante: muchas veces entra desde el celular, con datos móviles y señal irregular, no desde una computadora con buena conexión.

Además, las Core Web Vitals forman parte de las señales de experiencia que Google tiene en cuenta. No son lo más importante, porque el contenido relevante pesa más, pero entre dos páginas parecidas la más rápida y estable juega con ventaja. Por eso la velocidad es parte de cualquier trabajo serio de posicionamiento SEO.

La velocidad no se ve cuando está bien. Se nota, y mucho, cuando falta: es la parte del diseño que el cliente nunca elogia pero siempre castiga.

Cómo saber cómo está tu web

1. PageSpeed Insights. Es una herramienta gratuita de Google: pegás la dirección de tu web y te muestra las tres métricas, con datos de visitas reales cuando hay suficientes, y además una prueba de laboratorio con sugerencias.
2. Search Console. Si tu web está dada de alta, el informe de Métricas web principales te dice qué grupos de páginas tienen problemas, separado por celular y computadora.
3. La prueba del celular. Abrí tu web en un teléfono de gama media, con datos y no con wifi. Es la forma más honesta de ver lo que ve tu cliente.

Un consejo: mirá primero los resultados de celular. Es donde suelen aparecer los problemas y donde más se nota la diferencia.

Qué revisar para mejorar

• Imágenes al tamaño justo. Una foto que se muestra chica no necesita pesar como un póster. Redimensionarlas y pasarlas a formatos modernos como WebP o AVIF es de las mejoras más rápidas.
• Carga diferida. Las imágenes y los videos que están más abajo pueden esperar a que el visitante llegue a ellos. La imagen principal, en cambio, tiene que cargar primero.
• Tamaños reservados. Indicar el ancho y el alto de cada imagen evita que el contenido salte mientras carga.
• Menos plugins y scripts. Cada chat, contador, píxel o widget le suma trabajo al teléfono. Quedate con los que usás de verdad.
• Un hosting a la altura. Un servidor lento arruina cualquier optimización. Un buen hosting, con caché y compresión activadas, es la base.
• Tipografías livianas. Una o dos familias, solo con los pesos que realmente se usan.

La velocidad tampoco es algo que se arregla una vez y listo. Cada foto nueva, cada plugin que se instala y cada actualización pueden empeorarla. Por eso conviene revisarla de forma periódica, como parte del mantenimiento de la web.

Velocidad desde el diseño, no como parche

En los proyectos que hacemos, la velocidad se piensa desde el principio: qué imágenes van, de qué tamaño, qué efectos valen la pena y cuáles no. Es mucho más fácil construir una web liviana que adelgazar una pesada. Si estás por encarar un sitio nuevo, contanos tu idea en el presupuestador y la armamos con eso en mente.