Core Web Vitals: por qué un sitio lento te cuesta clientes
Core Web Vitals son tres métricas que miden la experiencia real de carga de tu sitio: LCP (cuánto tarda en aparecer el contenido principal, meta 2,5 s), INP (cuánto tarda en responder a un clic, meta 200 ms) y CLS (cuánto se mueve la página mientras carga, meta 0,1). Google las usa como señal de posicionamiento, pero el motivo real para mejorarlas es que la gente se va.
Casi todos los sitios se ven rápidos para quien los hizo. Se prueban en una computadora buena, con conexión de fibra y todo cacheado del desarrollo anterior. El cliente real los abre en un teléfono de gama media, con datos móviles y la primera visita sin nada guardado. Son dos mundos distintos.
Core Web Vitals es el intento de Google de medir el segundo. Vale la pena entender qué miden, porque los tres tienen arreglos concretos y bastante distintos entre sí.
¿Qué mide cada una?
| Métrica | Qué mide | Bien | Mal |
|---|---|---|---|
| LCP | Cuánto tarda en aparecer el elemento más grande de la primera pantalla, normalmente la imagen o el título principal. | ≤ 2,5 s | > 4 s |
| INP | Cuánto tarda la página en responder cuando el usuario toca algo. Reemplazó a FID en 2024. | ≤ 200 ms | > 500 ms |
| CLS | Cuánto se mueven los elementos mientras carga. Es el que te hace tocar el botón equivocado. | ≤ 0,1 | > 0,25 |
Un detalle que confunde a mucha gente: los valores que importan son los de usuarios reales, medidos en el percentil 75. Es decir, tres de cada cuatro visitas tienen que estar dentro del umbral. La herramienta de laboratorio sirve para diagnosticar, no para declarar victoria.
¿Por qué LCP casi nunca es problema de conexión?
Es el error de diagnóstico más frecuente. Se ve un LCP de seis segundos y se asume que el servidor es lento o la imagen pesa mucho. A veces sí. Pero muy seguido el desglose muestra que el servidor respondió en 20 milisegundos y los seis segundos se fueron en otra cosa.
Las tres causas que más vemos:
- La imagen principal no es descubrible. Si la inserta JavaScript en vez de estar en el HTML, el navegador no puede empezar a bajarla mientras lee la página. Pierde segundos enteros esperando. Se arregla poniéndola en el HTML con prioridad alta.
- Carga diferida donde no va. La imagen más grande de la primera pantalla nunca debe llevar carga diferida. Es un error de una palabra que cuesta uno o dos segundos.
- La página se pinta dos veces. El navegador muestra algo, el JavaScript lo reemplaza, y lo que cuenta es el segundo pintado.
¿Qué arruina el INP?
El INP mide si la página responde cuando la tocás. Lo arruina el JavaScript que ocupa el hilo principal, y hay dos sospechosos habituales.
El primero son los scripts de terceros. Gestores de etiquetas, píxeles de publicidad, widgets de chat, mapas de calor. Cada uno parece inofensivo y en conjunto pueden consumir más tiempo de procesador que todo el código propio del sitio. La solución más simple y más efectiva es no cargarlos al inicio: esperar a la primera interacción del usuario o a unos segundos después de la carga.
El segundo es el paquete de JavaScript que trae todo. Un sitio donde cada página descarga también el código del panel de administración, del editor de textos y de librerías que solo usa una pantalla. Se resuelve dividiendo el código por ruta.
Hay un tercero, menos conocido: animaciones decorativas. Docenas de elementos animados por CSS, cada uno con su propio retardo, cuestan bastante en un teléfono de gama media. Cuando son muchas, conviene dibujarlas en un canvas en vez de crear un elemento por cada una.
¿Y el CLS?
Es el más fácil de los tres y casi siempre tiene una de estas tres causas: imágenes sin ancho y alto declarados, publicidad o contenido que se inserta arriba de lo que ya se estaba leyendo, y el cambio de fuentes.
Las dos primeras se resuelven reservando el espacio antes de que el contenido llegue. La tercera, alojando las fuentes en tu propio dominio en vez de pedirlas a un servicio externo, lo que además acorta la cadena de conexiones.
¿Por dónde empezar en un sitio real?
- 01
Medí con datos de usuarios reales
La consola de búsqueda de Google trae el informe con datos de campo. Es la fuente que importa; la prueba de laboratorio es para diagnosticar.
- 02
Mirá el desglose del LCP, no el número
Saber si el tiempo se fue en el servidor, en descubrir el recurso, en descargarlo o en pintarlo cambia por completo qué hay que arreglar.
- 03
Empezá por la imagen principal
Ponerla en el HTML con prioridad alta, en formato moderno y del tamaño en que realmente se muestra. Suele ser la mejora más grande por menos trabajo.
- 04
Después, los terceros
Contá cuántos scripts externos carga tu sitio y sacá o diferí los que no aportan.
Una advertencia final: el rendimiento no se arregla una vez. Cada función nueva agrega peso, y sin una medición periódica el sitio vuelve solo a donde estaba. Es parte del mantenimiento, no un proyecto con fecha de fin.
Preguntas frecuentes
¿Core Web Vitals afecta realmente el posicionamiento?
Sí, es una señal de posicionamiento confirmada por Google, aunque no la más importante: el contenido relevante pesa mucho más. Donde el impacto es directo e inmediato es en la conversión, porque la gente abandona los sitios lentos antes de que terminen de cargar.
¿Sirve de algo si mi sitio ya está hecho?
Sí, y suele ser más barato de lo que se cree. Los arreglos que más rinden (la imagen principal, la carga diferida mal puesta, los scripts de terceros) no requieren rehacer el sitio.
¿Por qué mi puntaje cambia cada vez que lo mido?
Porque la prueba de laboratorio simula condiciones y hay variación entre corridas. Por eso el veredicto real son los datos de usuarios reales del percentil 75, que se acumulan durante 28 días.
¿Un sitio hecho en WordPress puede pasar las tres métricas?
Sí, aunque cuesta más trabajo. El problema no es la plataforma sino la acumulación de plantillas y complementos que cargan código que la página no usa. Un sitio generado estáticamente parte de una situación mucho mejor.
Contanos qué necesitás
Agendamos una llamada de 30 minutos para entender el problema y decirte si podemos ayudar. Sin compromiso y sin venta dura.