Velocidad web y Core Web Vitals: guía para dueños de negocio

Alguien hace clic en tu anuncio, se queda mirando una pantalla en blanco mientras carga la página y vuelve atrás. Esa pérdida nunca aparece en un informe como “web lenta”: aparece como una tasa de conversión que no termina de despegar. Google convirtió esa experiencia en algo medible con tres métricas que llama Core Web Vitals. En este artículo te explicamos qué significan sin jerga, cómo revisar tu propia web y qué mejoras conviene plantear a tu desarrollador.

Qué son las Core Web Vitals y por qué te afectan

Las Core Web Vitals son tres métricas con las que Google describe la experiencia real de los usuarios: lo rápido que aparece el contenido principal, lo rápido que la página responde a toques y clics, y si los elementos se mueven mientras carga. Google indica claramente que forman parte de las señales de experiencia de página que tiene en cuenta en el posicionamiento.

Conviene no exagerar ese efecto. Una página rápida con contenido flojo no va a superar automáticamente a una algo más lenta con un contenido excelente. Donde más se nota es en el negocio: una web rápida y estable pierde menos visitas, tiene menos formularios y carritos abandonados y aprovecha mejor cada euro invertido en anuncios. Piensa en las Core Web Vitals como un tema de ventas, no solo de SEO.

LCP: cuándo aparece el contenido principal

Largest Contentful Paint (LCP) mide el momento en que se pinta en pantalla la imagen o el bloque de texto más grande. En la mayoría de webs de empresa es la imagen de cabecera, la foto de producto o el titular principal. Según la guía de Google en web.dev, un buen LCP es de 2,5 segundos o menos.

Las causas más habituales de un LCP malo:

• Imágenes de cabecera sin comprimir que llegan al móvil con tamaño de escritorio
• Hosting lento y ausencia de caché en servidor
• La imagen principal cargada en diferido (lazy load) o insertada por JavaScript
• Sliders pesados y varias fuentes web en la parte superior de la página

INP: lo rápido que responde la web

Interaction to Next Paint (INP) sustituyó a la antigua métrica FID en marzo de 2024. Mide cuánto tarda la página en reaccionar visiblemente cuando alguien pulsa un botón, abre un menú o aplica un filtro. Google considera bueno un INP de 200 milisegundos o menos.

Un INP malo casi siempre se debe a un exceso de JavaScript que mantiene ocupado al navegador. Chats, varios scripts de analítica y publicidad, temas pesados de maquetadores visuales y animaciones decorativas compiten por el mismo hilo principal. El usuario pulsa “Añadir al carrito”, no pasa nada y vuelve a pulsar. Eso es un INP malo en la vida real.

CLS: si el contenido se mueve al cargar

Cumulative Layout Shift (CLS) mide los desplazamientos inesperados de elementos durante la carga. Seguro que te ha pasado: vas a tocar un enlace y aparece un anuncio encima que lo empuja hacia abajo. El umbral de Google para un buen CLS es 0,1 o menos.

Las causas típicas son imágenes y vídeos sin dimensiones definidas, banners y avisos de cookies que aparecen tarde y desplazan el contenido, fuentes que se cargan después y cambian el tamaño del texto, y bloques insertados encima del contenido existente. La buena noticia es que el CLS suele ser la métrica más fácil de corregir.

Cómo medir tu web

Hay dos tipos de datos. Los datos de campo proceden de usuarios reales de Chrome y son los que Google usa para evaluarte. Los datos de laboratorio son una simulación en un entorno controlado; sirven para diagnosticar, pero no reflejan del todo a tu público real.

Para empezar, con estas herramientas tienes suficiente:

• Informe de Core Web Vitals en Google Search Console: muestra qué grupos de URL fallan, con datos de campo
• PageSpeed Insights: datos de campo y de laboratorio en una sola página, con recomendaciones concretas
• Lighthouse y el panel Performance de Chrome DevTools: para que tu desarrollador encuentre el origen del problema
• Tu propio móvil con datos: un dispositivo y una conexión normales enseñan más que cualquier puntuación

Las mejoras que más se notan

Cada web es distinta, pero en nuestra experiencia la mayor parte de la mejora sale siempre de la misma lista corta. Empieza por aquí y después ajusta detalles.

• Convierte las imágenes a WebP o AVIF y sirve tamaños adaptados al dispositivo (srcset)
• Saca la imagen principal del lazy load y dale prioridad alta; carga en diferido las de más abajo
• Define ancho y alto en todas las imágenes, vídeos e incrustaciones
• Elimina plugins y scripts que no uses y retrasa la carga de los que mantengas
• Usa un hosting de calidad, caché en servidor y una CDN
• Aloja las fuentes en tu servidor, usa menos y configura font-display
• Elige un tema ligero y pensado para tu caso en lugar de un maquetador pesado

<img src="portada-800.webp"
     srcset="portada-480.webp 480w, portada-800.webp 800w, portada-1600.webp 1600w"
     sizes="100vw" width="1600" height="900"
     fetchpriority="high" alt="Imagen principal del producto">

Cómo plantearlo a tu desarrollador

No necesitas saber programar, pero sí hacer la pregunta correcta. “Haz la web más rápida” es vago. “Queremos que las fichas de producto que Search Console marca con LCP lento en móvil pasen a la franja buena” es claro, acotado y medible.

Toma medidas antes y después de cada cambio y deja unas semanas para que los datos de campo se actualicen. La velocidad no es un proyecto puntual: un plugin nuevo, un banner de campaña o un píxel más pueden deshacer en silencio meses de trabajo. Una revisión breve cada mes es el hábito más fiable.

Checklist rápido

Hazte estas preguntas al revisar tu web:

• ¿Hay grupos de URL en rojo o amarillo en el informe de Core Web Vitals de Search Console?
• ¿El contenido principal aparece en menos de 2,5 segundos en móvil?
• ¿Los botones y menús responden sin retraso apreciable?
• ¿Se mueve algo mientras carga la página?
• ¿Cada plugin y script añadido en los últimos seis meses sigue siendo necesario?

En resumen

Las Core Web Vitals reducen a tres números cómo se siente tu web. Vigilarlas protege tu visibilidad en Google y convierte en clientes una parte mayor del tráfico que ya estás pagando o ganando. Si quieres que revisemos tus métricas actuales, en Norcored te ayudamos a medir y priorizar las mejoras; escríbenos a info@norcored.com.

Preguntas frecuentes

¿Cuánto influyen las Core Web Vitals en el posicionamiento?

Google las usa como una de varias señales de experiencia de página, pero la relevancia y la calidad del contenido pesan más. Pueden marcar la diferencia entre páginas de calidad similar; el beneficio mayor suele estar en la conversión.

¿Necesito un 100 en PageSpeed Insights?

No. La puntuación de laboratorio es orientativa. Lo importante es que las tres métricas estén en la franja buena en los datos de campo.

¿Las webs en WordPress son lentas?

No por sí mismas. La lentitud suele venir de temas pesados, demasiados plugins y un hosting flojo. Un WordPress bien hecho puede aprobar las Core Web Vitals sin problema.