Core Web Vitals para empresas: qué son, por qué importan y cómo mejorarlos en WordPress

Hay webs de empresa que se ven impecables en el ordenador del director y, sin embargo, en el móvil de un cliente tardan cuatro segundos en mostrar algo, saltan de sitio cuando vas a pulsar un botón y tardan en reaccionar al primer toque. El cliente no sabe qué son los Core Web Vitals, pero los sufre: cierra la pestaña y se va a la competencia.

Google sí los conoce, y los utiliza como señal de experiencia de página. En este artículo te explico qué son, cuáles son los valores que conviene alcanzar, cómo medirlos y qué puedes hacer en WordPress para mejorarlos sin rehacer la web.

Qué son los Core Web Vitals

Los Core Web Vitals son tres métricas con las que Google mide la experiencia real de un usuario al cargar y usar una página. No miden «velocidad» en abstracto, sino tres momentos concretos:

• LCP (Largest Contentful Paint): cuánto tarda en aparecer el elemento principal de la página, normalmente la imagen de cabecera o el titular grande. Objetivo: 2,5 segundos o menos.
• INP (Interaction to Next Paint): cuánto tarda la web en responder visualmente cuando el usuario pulsa, toca o escribe. Sustituyó a FID en 2024. Objetivo: 200 milisegundos o menos.
• CLS (Cumulative Layout Shift): cuánto se mueve el contenido mientras carga. Es esa sensación de ir a pulsar un botón y que la página se desplace. Objetivo: 0,1 o menos.

Para que una página se considere buena, el 75% de las visitas reales debe cumplir los tres umbrales, medido por separado en móvil y en ordenador.

Por qué importan a una empresa (y no solo a los técnicos)

Hay dos motivos, y el segundo pesa más que el primero.

1. Son una señal de posicionamiento. Forman parte de la experiencia de página que Google tiene en cuenta. No van a hacer que una web mediocre llegue a la primera posición, pero cuando dos páginas tienen contenido y autoridad parecidos, la que ofrece mejor experiencia tiene ventaja. En sectores locales y B2B, donde la competencia suele estar muy igualada, ese margen cuenta.

2. Afectan directamente a las conversiones. Una web lenta pierde visitas antes de que lean nada, y una web inestable provoca errores de clic en formularios y botones de contacto. Cada segundo de espera y cada salto de diseño se traduce en menos peticiones de presupuesto, incluso si el tráfico se mantiene.

Cómo medir tus Core Web Vitals

Antes de tocar nada, conviene saber de dónde partes. Estas son las herramientas que uso:

• Google Search Console: el informe de «Experiencia > Métricas web principales» agrupa tus URLs en buenas, mejorables y deficientes con datos reales de usuarios. Es el punto de partida.
• PageSpeed Insights: analiza una URL concreta y muestra tanto los datos reales de los últimos 28 días como una prueba de laboratorio con recomendaciones.
• Chrome DevTools y Lighthouse: útiles para diagnosticar qué recurso provoca el problema.

Un detalle importante: los datos de laboratorio sirven para depurar, pero Google evalúa los datos de campo, es decir, los de usuarios reales. Una puntuación de 95 en una prueba puntual no garantiza que tu web pase la evaluación.

Cómo mejorar cada métrica de Core Web Vitals en WordPress

Mejorar el LCP

El LCP casi siempre es una imagen grande o un bloque de texto que espera a que cargue algo previo. Las acciones con más impacto:

• Servir la imagen principal en formato WebP o AVIF, con el tamaño exacto que se muestra, y sin lazy load en esa imagen (el lazy load en el elemento LCP lo retrasa).
• Precargar la imagen principal y las fuentes críticas.
• Reducir el tiempo de respuesta del servidor: un buen hosting, caché de página y PHP actualizado marcan diferencia antes incluso de optimizar nada más.
• Evitar sliders y vídeos de fondo en la parte superior de la página.

Mejorar el INP

El INP empeora cuando el navegador está ocupado ejecutando demasiado JavaScript. En WordPress, el origen habitual son plugins, constructores visuales pesados, widgets de chat y scripts de terceros.

• Revisar qué plugins cargan scripts en todas las páginas cuando solo se usan en una, y desactivarlos donde no hacen falta.
• Retrasar la carga de scripts no esenciales (chat, mapas, píxeles de seguimiento) hasta la primera interacción.
• Reducir el número de etiquetas en Google Tag Manager a las que realmente se utilizan.
• Usar un tema ligero y limitar los efectos de animación.

Mejorar el CLS

Los saltos de diseño tienen causas muy concretas y casi siempre se arreglan rápido:

• Definir siempre ancho y alto en imágenes, vídeos e iframes para que el navegador reserve el espacio antes de que carguen.
• Reservar espacio para banners, avisos de cookies y anuncios, en lugar de insertarlos empujando el contenido.
• Usar font-display: swap con fuentes alojadas en local y precargar las que se ven en pantalla inicial, para evitar el salto de texto al cargar la tipografía.

Plugins de caché y optimización: qué esperar de ellos

Un buen plugin de caché y optimización (WP Rocket, FlyingPress, LiteSpeed Cache, entre otros) resuelve una parte importante del problema: caché de página, minificación, carga diferida y eliminación de CSS no usado. Pero no es una solución mágica. Si la web tiene imágenes de 3 MB, doce plugins innecesarios o un tema sobrecargado, ningún plugin de caché lo compensa del todo. El orden correcto es primero reducir lo que carga la web y después optimizar cómo se sirve.

Cuándo no basta con optimizar y hay que reconstruir

En algunas webs, el problema no está en los ajustes, sino en la base: un tema multipropósito con cientos de funciones que no se usan, un constructor que genera un HTML enorme o una arquitectura pensada sin tener en cuenta el rendimiento. En esos casos, invertir meses en parches cuesta más que reconstruir la web con criterios de rendimiento desde el principio. Por eso, cuando planteo un rediseño, fijo un presupuesto de rendimiento (por ejemplo, LCP por debajo de 2,5 segundos en móvil) como requisito antes de diseñar, no como retoque al final.

Checklist rápido para tu web

• Revisa el informe de Métricas web principales en Search Console y anota las URLs en rojo.
• Comprueba las páginas más importantes (inicio, servicios, contacto) en PageSpeed Insights, en móvil.
• Optimiza y redimensiona las imágenes de cabecera, y quita el lazy load del elemento principal.
• Elimina plugins y scripts que no aportan valor.
• Define dimensiones en imágenes y reserva espacio para banners.
• Vuelve a medir pasadas unas semanas: los datos de campo tardan en actualizarse.

Si quieres saber en qué punto están los Core Web Vitals de tu web y qué cambios te darían más resultado con menos coste, puedo revisarlo contigo sin compromiso.

Solicita el análisis gratuito de tu web →