Si has oído que Google evalúa la “experiencia de página” con algo llamado Core Web Vitals y te suena a chino, esta guía es para ti. Te explicamos qué son, por qué deberían importarte como dueño de negocio y qué hacer al respecto —sin una sola línea de código—.
Qué son los Core Web Vitals, en una frase
Son tres métricas con las que Google mide cómo se siente usar tu web: lo rápido que carga lo importante, lo rápido que responde cuando interactúas, y lo estable que es visualmente mientras carga. Google los usa como señal de posicionamiento porque, en el fondo, miden lo mismo que tus clientes notan.
Las tres métricas, explicadas como a un humano
1. LCP (Largest Contentful Paint): “¿cuánto tarda en aparecer lo importante?”
Mide el tiempo hasta que el elemento principal de la página (normalmente una imagen grande o el titular) es visible. Es la métrica de velocidad percibida: el visitante no mide con cronómetro, pero sí nota si la página “aparece” rápido o se queda en blanco.
En lenguaje de negocio: es la primera impresión. Una tienda cuya foto principal tarda 6 segundos en aparecer ya ha perdido a parte de sus visitantes antes de empezar.
2. INP (Interaction to Next Paint): “¿responde cuando toco?”
Mide cuánto tarda la página en reaccionar cuando el visitante hace clic, toca un botón o escribe en un formulario. Es la métrica de fluidez: una web puede cargar rápido y aun así sentirse “torpe” si cada clic tarda en responder.
En lenguaje de negocio: es la diferencia entre un checkout ágil y uno que desespera. Cada décima de retraso en la interacción erosiona la confianza del comprador.
3. CLS (Cumulative Layout Shift): “¿se mueve todo mientras leo?”
Mide cuánto “salta” el contenido mientras la página termina de cargar: el texto que se desplaza justo cuando ibas a hacer clic, el botón que se mueve y te hace pulsar el anuncio de al lado. Es la métrica de estabilidad visual, y es la más irritante de las tres para el usuario.
En lenguaje de negocio: los saltos de diseño provocan clics erróneos, formularios abandonados y una sensación general de chapuza. Es barato de corregir y carísimo de ignorar.
Por qué importan para tu negocio (más allá de Google)
- Posicionamiento: son una señal oficial de ranking. No la más importante (el contenido relevante sigue mandando), pero en mercados competidos deciden empates.
- Conversión: cada métrica describe una fricción que pierde clientes. Mejorarlas es mejorar la experiencia de compra, punto.
- Publicidad más rentable: las plataformas publicitarias premian las buenas páginas de destino con mejores posiciones y menores costes.
- Imagen de marca: una web torpe comunica dejadez, aunque tu negocio sea excelente.
Cómo saber cómo está tu web (en 5 minutos)
- Usa la herramienta gratuita PageSpeed Insights de Google: introduce tu URL y obtendrás las tres métricas con semáforos verde/ámbar/rojo, tanto en móvil como en escritorio.
- Fíjate sobre todo en móvil: es donde la mayoría de tus clientes te visita y donde las métricas suelen ser peores.
- No te obsesiones con el 100/100: el objetivo es el verde en las tres métricas para tus páginas importantes (home, páginas de servicio, fichas de producto, checkout).
- Repite la medición tras cada mejora para ver el efecto real.
Las causas más comunes (y sus soluciones)
LCP alto: la página tarda en mostrar lo importante
Causas típicas: imagen principal pesada, servidor lento, demasiados scripts bloqueando la carga.
Soluciones: optimizar y precargar la imagen principal, mejorar el hosting o la caché, y diferir los scripts no esenciales. Suele ser la métrica con más margen de mejora rápida.
INP alto: la web no responde con agilidad
Causas típicas: exceso de JavaScript (muchos plugins, chatbots, píxeles de seguimiento), tareas pesadas bloqueando el navegador.
Soluciones: auditar qué scripts carga cada página y eliminar los innecesarios, diferir los no críticos. Cada plugin con “su” script es un candidato a revisión.
CLS alto: el diseño salta mientras carga
Causas típicas: imágenes y anuncios sin dimensiones reservadas, fuentes que cambian el texto al cargar, popups que aparecen de golpe.
Soluciones: reservar el espacio de imágenes y anuncios desde el inicio, optimizar la carga de fuentes. Es la métrica más “barata” de corregir: casi siempre son ajustes de diseño, no de infraestructura.
El orden de prioridades sensato
- Primero el CLS: barato de arreglar, irritación inmediata eliminada.
- Después el LCP: la primera impresión; normalmente imágenes + caché + hosting.
- Luego el INP: el más técnico; requiere auditar scripts y, a veces, decisiones de arquitectura.
Y recuerda: mide páginas reales importantes, no solo la home. Una home en verde con un checkout en rojo sigue perdiendo dinero.
Core Web Vitals y tu estrategia: qué pedir a tu proveedor
Si trabajas con un desarrollador o un servicio de mantenimiento web, estas métricas deberían formar parte del vocabulario habitual:
- Pide una medición inicial documentada de tus páginas clave.
- Pide un plan de mejora priorizado por impacto, no una lista genérica de “optimizaciones”.
- Pide mediciones después de cada intervención.
- Acuerda una vigilancia periódica: las métricas se degradan con el tiempo (nuevos plugins, más contenido, cambios de diseño).
Un profesional que hable de estas métricas con naturalidad y las conecte con tu conversión —no solo con “la nota de Google”— es un profesional que entiende el negocio, no solo la técnica.
Conclusión
Los Core Web Vitals no son un examen esotérico de Google: son tres formas de medir si tu web se siente rápida, fluida y estable para tus clientes. Mejorarlos mejora a la vez tu SEO, tu conversión y tu imagen. Empieza midiendo, prioriza por impacto y exige resultados medibles.
Para el marco completo del rendimiento web, lee nuestro pilar sobre cómo solucionar una web lenta, donde estas métricas encajan en una estrategia global de velocidad y experiencia.
Preguntas frecuentes
¿Necesito un 100 en PageSpeed para posicionar?
No. Google evalúa las tres métricas con umbrales (verde/ámbar/rojo), no con la nota global. Una web en verde en las tres métricas compite perfectamente; perseguir el 100 suele tener un coste desproporcionado para un beneficio marginal.
¿Las métricas son iguales en móvil y escritorio?
No, se miden por separado y casi siempre el móvil sale peor (dispositivos menos potentes, conexiones más lentas). Como la mayoría del tráfico es móvil, optimiza pensando en móvil primero.
¿Cada cuánto debería revisar mis Core Web Vitals?
Tras cada cambio relevante (rediseño, plugins nuevos, campañas que añaden scripts) y, como rutina, una vez al trimestre. Las métricas tienden a degradarse solas con el crecimiento de la web si nadie las vigila.
Core Web Vitals en tiendas online: doble importancia
En una tienda, estas métricas pesan el doble porque cada una toca directamente la caja:
- LCP en fichas de producto: si la foto principal tarda, el visitante no espera: vuelve a Google y compra en otro sitio. La imagen hero de tus productos top debería ser lo más optimizado de tu web.
- INP en el checkout: un pago que no responde genera doble-clics, pagos duplicados y abandonos. Es el lugar donde la fluidez se convierte literalmente en dinero.
- CLS en el carrito: un botón que salta justo al pulsar “pagar” puede provocar errores de pedido y reclamaciones. Estabilidad aquí no es estética: es operativa.
Si solo vas a optimizar tres páginas de tu tienda, que sean: la home, tu ficha de producto más visitada y el checkout. El resto puede esperar.
¿Los Core Web Vitals los puede “arreglar” un plugin?
Los plugins de caché y optimización ayudan mucho (especialmente con LCP y parte del CLS), pero no son varita mágica: un INP malo por exceso de scripts o un CLS por diseño descuidado requieren decisiones de desarrollo y diseño. Desconfía de quien prometa “ponerlo todo en verde instalando un plugin” sin haber auditado tu web.