Core Web Vitals: por qué la velocidad de tu web te trae clientes

Qué son los Core Web Vitals

Los Core Web Vitals son las tres métricas con las que Google mide la calidad de la experiencia real de tus usuarios. No son un capricho: influyen en tu posicionamiento y, sobre todo, en cuántos visitantes se quedan.

• LCP (Largest Contentful Paint): cuánto tarda en aparecer el elemento principal. Bueno: menos de 2,5s.
• INP (Interaction to Next Paint): cuánto tarda tu web en responder cuando el usuario hace clic. Bueno: menos de 200ms.
• CLS (Cumulative Layout Shift): cuánto se mueve la página al cargar. Bueno: menos de 0,1.

Estas tres métricas responden a tres preguntas muy humanas: ¿veo algo útil rápido?, ¿responde cuando toco?, ¿se me mueve el contenido cuando intento leer o hacer clic? Si tu web falla en cualquiera de ellas, tu tasa de rebote sube y tus conversiones bajan, aunque el diseño sea impecable.

Conviene entender que Google mide estas métricas con datos reales de usuarios (a través del navegador Chrome), no con simulaciones. Es decir, si tu web va lenta para clientes con móviles antiguos o redes 4G modestas, eso cuenta, aunque a ti en tu MacBook con fibra te parezca instantánea.

Por qué le importa a tu negocio, no solo a Google

Un estudio de Deloitte demostró que una mejora de 0,1s en tiempo de carga sube la conversión un 8% en retail. En una pyme con 5.000 visitas mensuales, eso son ventas medibles cada mes.

Además, Google ha confirmado que los Core Web Vitals forman parte de la señal de experiencia de página. En sectores muy competidos (legal, salud, servicios locales) puede ser la diferencia entre estar en la primera pantalla o en la segunda. Y en móvil, donde ya llega más del 65% del tráfico de la mayoría de pymes, el impacto se multiplica porque las conexiones son más lentas y los usuarios menos pacientes.

Cómo saber cómo va tu web hoy

Herramientas gratuitas fiables:

1. PageSpeed Insights de Google.
2. Chrome DevTools > Lighthouse.
3. Search Console > Experiencia > Core Web Vitals (datos reales).

Mira siempre los datos de campo (usuarios reales), no solo los de laboratorio. Los de laboratorio te sirven para diagnosticar, pero los de campo son los que Google utiliza para valorar tu web. Compara ambos: si el laboratorio va bien y el campo va mal, el problema probablemente esté en dispositivos antiguos, en redes 4G lentas o en algún script de terceros que solo aparece en producción.

Las 7 causas más comunes de una web lenta

1. Imágenes sin optimizar (los famosos JPG de 4MB).
2. Falta de atributos width y height en imágenes.
3. Fuentes web pesadas y sin font-display: swap.
4. Scripts de terceros bloqueantes (chats, píxeles, encuestas).
5. Falta de caché o CDN.
6. HTML/CSS/JS sin minificar.
7. Servidor lento (hosting compartido barato).

A esto se suman dos culpables silenciosos: (1) plugins de WordPress que cargan CSS/JS en todas las páginas aunque solo se usen en una, y (2) sliders y vídeos autoplay que descargan megas antes de que el usuario mueva el ratón. Auditar y eliminar lo que no aporta es casi siempre el cambio con mayor impacto y menor esfuerzo.

Cómo arreglarlo sin ser desarrollador

• Sirve imágenes en formato WebP o AVIF a un ancho razonable (1200px suele bastar).
• Añade siempre loading="lazy" a imágenes por debajo del pliegue y fetchpriority="high" a la principal.
• Elimina o difiere scripts de terceros no imprescindibles.
• Usa un CDN (Cloudflare, Bunny, Vercel).
• Precarga fuentes críticas.

Una checklist rápida para revisar cada página importante: peso total inferior a 1 MB, no más de 50 peticiones, LCP en menos de 2,5s en 4G, un solo H1, imágenes con alt descriptivos. Si cumples esto, ya estás por delante del 80% de webs de tu sector.

Un caso real

Reescribimos una landing de un cliente del sector legal:

• LCP pasó de 4,8s a 1,6s.
• INP pasó de 540ms a 120ms.
• Conversiones subieron un 41% en 6 semanas.

Sin cambiar ni el diseño, ni el copy, ni el presupuesto de anuncios. La clave: sustituir el slider de home por una imagen estática optimizada, quitar tres plugins que cargaban en todas las páginas y mover el chat en vivo a carga diferida tras 3 segundos. Nada exótico; disciplina técnica.

Qué pedirle a tu proveedor web

Cuando contrates una web nueva, exige por escrito:

• Puntuación Lighthouse mínima de 90 en móvil.
• Imágenes servidas en formato moderno.
• HTML semántico y accesible.
• CDN activo.
• Sin scripts pesados por defecto.

Añade también: revisión de rendimiento a los 30 días de la puesta en producción y compromiso de mantener las métricas en verde durante los primeros 3 meses. Muchos rendimientos se degradan cuando el equipo de marketing empieza a añadir pixels, integraciones y banners; conviene tenerlo por contrato.

Cómo lo hacemos en NEXO

Todas las webs que desarrollamos parten con CWV en verde y monitorización mensual. Puedes ver ejemplos en servicios o pedir un diagnóstico gratuito de tu web actual.

Preguntas frecuentes

¿Los Core Web Vitals son un factor de ranking directo?
Sí, forman parte de la señal de experiencia de página desde 2021 y su peso ha aumentado con las actualizaciones posteriores del algoritmo.

¿Basta con tener un WordPress rápido?
Ayuda, pero el 80% del problema real son plugins innecesarios y temas mal hechos. Un WordPress bien mantenido puede rendir tan bien como cualquier stack moderno.

¿Cada cuánto debo medirlos?
Al menos una vez al mes, y siempre tras publicar cambios grandes (rediseños, campañas con nuevas landings, cambios de hosting o de CDN).