Core Web Vitals: guía práctica para que tu web cargue rápido (LCP, INP y CLS)

Los Core Web Vitals son tres métricas con las que Google evalúa la experiencia de uso de una página. Influyen en el posicionamiento y, sobre todo, en que tus visitantes no se vayan antes de ver nada.

Las tres métricas

Cómo medirlas

• PageSpeed Insights: da datos de laboratorio y datos reales de usuarios (si hay tráfico suficiente).
• Search Console → Core Web Vitals: informe por grupos de URLs.
• Chrome DevTools → Lighthouse: pruebas locales y diagnóstico.
• Prueba siempre con móvil y conexión normal, no con tu ordenador y fibra.

Cómo mejorar el LCP

• Optimiza la imagen o el bloque principal: comprime, usa formatos modernos (WebP, AVIF) y tamaños adecuados.
• Haz que ese elemento se cargue con prioridad (fetchpriority="high"), y no lo cargues de forma diferida.
• Reduce el tiempo de respuesta del servidor: caché de página, buen alojamiento, CDN.
• Elimina CSS y JavaScript que bloquean el renderizado.
• Precarga la tipografía principal o usa fuentes del sistema.

Cómo mejorar el INP

• Reduce el JavaScript: elimina scripts y plugins que no aporten.
• Retrasa los scripts de terceros (chats, analítica, píxeles) hasta que sean necesarios.
• Divide las tareas largas del hilo principal.
• Evita manejadores de eventos pesados en botones y formularios.

Cómo mejorar el CLS

• Declara ancho y alto en imágenes, vídeos e iframes.
• Reserva espacio para banners, anuncios y bloques que cargan después.
• Evita insertar contenido por encima de lo que ya se ve.
• Cuida el efecto de las fuentes al cargar (usa font-display y precarga).

Particularidades de WooCommerce y WordPress

• Revisa los plugins: cada uno suma código. Elimina los que no uses.
• Usa un tema ligero y un constructor bien optimizado.
• Activa caché de página y de objetos, y ten cuidado de excluir carrito y pago de la caché.
• Optimiza las imágenes de producto al subirlas.
• Limita los scripts de terceros y respeta el consentimiento de cookies.

Navegadores integrados en apps

Muchos visitantes llegan desde anuncios y abren la web dentro de la app de Facebook o Instagram. Ese navegador suele ser más lento y limitado. Prueba tu web allí: si carga lento, parte del tráfico de pago se pierde antes de mostrar nada.

Cómo priorizar

1. Mira qué páginas tienen más tráfico y peores datos.
2. Corrige primero lo que afecta a todas (plantilla, tema, scripts globales).
3. Después, las páginas clave: portada, categorías, producto, pago.
4. Vuelve a medir tras cada cambio.

Una web rápida convierte mejor, posiciona mejor y gasta menos en anuncios. Si quieres que midamos la tuya, te hacemos un diagnóstico.