Cómo medir y mejorar Core Web Vitals en WordPress en 2026

Los Core Web Vitals en WordPress dejaron de ser un dato de SEO técnico para convertirse en la métrica que más diferencia una web rentable de una que pierde dinero cada segundo. En 2026 son lo primero que mira un cliente con criterio antes de contratarte, y como diseñador en WordPress eres tú quien tiene que dejarlos en verde. En esta guía te llevo paso a paso: qué mide cada métrica, cómo medirlas bien, cómo encontrar el cuello de botella real y cómo mejorar LCP, INP y CLS sin necesidad de tocar código avanzado.

Es una guía larga y práctica. Si vienes con prisa, usa el índice para saltar a la parte que necesitas; al final tienes una checklist accionable que puedes seguir de arriba abajo.

Qué son los Core Web Vitals en 2026 (incluido INP)

Los Core Web Vitals son tres métricas con las que Google mide la experiencia real de quien visita tu web. No miden lo bonita que es, sino lo rápido que carga, lo rápido que responde y lo estable que se ve mientras carga. Estas son las tres:

• LCP (Largest Contentful Paint). Cuándo aparece el elemento principal de la pantalla, normalmente la imagen grande de cabecera o el bloque de texto destacado. Es tu métrica de «velocidad percibida».
• INP (Interaction to Next Paint). Cuánto tarda la web en responder cuando el usuario hace clic, toca o escribe. Mide toda la vida de la interacción, no solo el primer retardo. Sustituyó al antiguo FID en 2024.
• CLS (Cumulative Layout Shift). Cuánto se mueven los elementos mientras la página carga. Es esa sensación de que vas a pulsar un botón y de repente salta y pulsas otra cosa.

Métrica	Qué mide	Bueno	Mejorable	Malo
LCP	Velocidad de carga	≤ 2,5 s	2,5-4 s	> 4 s
INP	Capacidad de respuesta	≤ 200 ms	200-500 ms	> 500 ms
CLS	Estabilidad visual	≤ 0,1	0,1-0,25	> 0,25

Un detalle que mucha gente ignora: Google no usa tu mejor visita ni la media, sino el percentil 75 de los datos reales. Dicho fácil: el 75 % de las visitas tiene que tener una buena experiencia para que la página apruebe. Por eso una web puede «ir rápida» en tu móvil de gama alta y suspender igualmente.

Por qué importan: SEO y conversión

Hay dos motivos para tomártelos en serio, y el segundo pesa más que el primero. El de SEO: Google usa los Core Web Vitals como señal de posicionamiento. No es la más importante (el contenido y los enlaces mandan), pero entre dos páginas parecidas, la rápida gana. El de negocio: la velocidad afecta directamente a la conversión. Cada segundo de más en cargar dispara el porcentaje de abandono, sobre todo en móvil, donde está la mayoría del tráfico.

Para ti como diseñador o freelance, esto es una oportunidad. Optimizar las métricas de un cliente es un servicio que se cobra aparte y que da resultados medibles que puedes enseñar en un antes/después. Pocos servicios se justifican tan fácil.

Datos de campo vs laboratorio

Aquí es donde cae casi todo el mundo. Existen dos tipos de medición y solo uno cuenta para Google:

• Datos de laboratorio. Una prueba simulada en condiciones controladas (Lighthouse, la pestaña de PageSpeed Insights). Sirven para diagnosticar y reproducir problemas, pero no son lo que Google evalúa.
• Datos de campo. Lo que viven tus usuarios reales, recogido por el informe CrUX de Chrome. Estos son los que cuentan para el ranking y los que aparecen en Search Console.

La trampa más común es perseguir el 100 de Lighthouse. Una web puede marcar 100 en laboratorio y suspender en datos de campo porque los usuarios reales tienen móviles más lentos, redes peores y cachés vacías. Mide siempre los dos, pero prioriza el campo.

Optimiza para tus usuarios reales, no para una puntuación. El número bonito de Lighthouse no posiciona; el percentil 75 de campo sí.

Herramientas para medirlos correctamente

Estas son las que uso, en el orden en que las miro:

• Search Console (informe Core Web Vitals). El punto de partida. Te dice qué URLs fallan en datos de campo y por qué métrica, agrupadas por tipo de página.
• PageSpeed Insights. Combina datos de campo (si la URL tiene tráfico suficiente) y de laboratorio, con un desglose de oportunidades concretas.
• WebPageTest. Para la traza detallada: el waterfall te enseña qué recurso bloquea el renderizado y en qué milisegundo.
• Chrome DevTools (pestaña Performance). Imprescindible para cazar las long tasks de JavaScript que disparan el INP.
• Extensión Web Vitals. Mide LCP, INP y CLS en vivo mientras navegas, útil para validar cambios al instante.

Si quieres entender la lógica de optimización detrás de PageSpeed, te puede venir bien repasar también el rendimiento del frontend con frameworks ligeros como los que veo en la guía de Headless WordPress.

Diagnóstico: identificar el cuello de botella

Antes de instalar nada, diagnostica. Optimizar a ciegas es la mejor forma de perder horas. Mi proceso para una web WordPress, que en 30 minutos te dice qué arreglar:

1. Abre Search Console y mira qué métrica falla en datos reales y en qué grupo de URLs.
2. Pasa esa URL concreta por PageSpeed Insights y lee el desglose de campo y laboratorio.
3. Lanza WebPageTest para ver el waterfall: qué se carga primero, qué bloquea y cuál es tu TTFB.
4. Si el problema es de interacción, graba una traza en la pestaña Performance de DevTools y busca las long tasks.

Con eso ya sabes si tu problema es de carga (LCP), de respuesta (INP) o de estabilidad (CLS), y si la causa está en el hosting, en las imágenes o en el JavaScript. A partir de ahí, cada métrica tiene su receta.

Cómo mejorar el LCP

El LCP suele ser el más fácil de mover y el que más impacto tiene. Las palancas, de mayor a menor efecto:

• Baja el TTFB. Si el servidor tarda en responder, todo lo demás llega tarde. Caché de página y un buen hosting lo arreglan (más abajo).
• Optimiza la imagen LCP. Si el elemento principal es una imagen, conviértela a WebP o AVIF, dale el tamaño exacto que ocupa y precárgala con preload.
• Elimina el render-blocking. CSS y JavaScript que bloquean el primer pintado: genera CSS crítico inline y difiere el resto.
• No hagas lazy-load del elemento LCP. Error clásico: cargar en diferido justo la imagen de cabecera. Esa nunca; lazy-load solo para lo que está debajo del pliegue.

Cómo mejorar el INP

El INP es el más técnico de los tres y casi siempre es culpa del JavaScript que bloquea el hilo principal. Lo que más funciona en WordPress:

• Caza el script culpable. Suele ser un chat de soporte, un píxel de tracking, un slider pesado o un constructor visual. La traza de DevTools te lo señala.
• Carga diferida y por interacción. Difiere los scripts no esenciales y carga los de terceros solo tras el primer scroll o clic.
• Reduce los plugins que inyectan JavaScript en todas las páginas. Muchos cargan su script en el sitio entero aunque solo se usen en una.
• Divide las tareas largas. Si tienes código propio, parte las funciones pesadas para que el navegador pueda responder entre medias.

Tip: Si el JavaScript de terceros te está hundiendo el INP, un optimizador como Perfmatters o el control de carga de WP Rocket te deja desactivar scripts por página sin tocar código. Puedes montarlo sobre un hosting rápido para partir de un TTFB bajo.

Cómo mejorar el CLS

El CLS es el más barato de arreglar porque casi siempre son cuatro causas conocidas:

• Imágenes sin dimensiones. Define siempre width y height (o aspect-ratio) para que el navegador reserve el hueco.
• Fuentes web que reflujan el texto. Usa font-display: swap y precarga las fuentes críticas para evitar el salto al cambiar de tipografía.
• Anuncios y embeds sin espacio reservado. Dales un contenedor con altura fija; es la causa número uno de CLS en sitios con publicidad.
• Contenido que se inyecta arriba. Banners de cookies o avisos que empujan el contenido hacia abajo: reserva su espacio o muéstralos como overlay.

Plugins de caché y optimización que sí valen la pena

En 2026 la lista corta es esta. Cualquiera bien configurado mejora el LCP de forma notable; lo importante es no apilar varios que hagan lo mismo, porque entran en conflicto.

Plugin	Tipo	Mejor para	Coste
FlyingPress	Caché + optimización	Mejor relación calidad-precio, CSS crítico automático	De pago
WP Rocket	Caché + optimización	El más popular, soporte excelente	De pago
Perfmatters	Control de assets	Quitar lo que sobra script a script	De pago
NitroPack	Todo en uno + CDN	Solución rápida sin configurar	De pago (más caro)
LiteSpeed Cache	Caché	Gratis si tu hosting es LiteSpeed	Gratis

Mi recomendación honesta: si tu hosting es LiteSpeed, empieza por LiteSpeed Cache (gratis) antes de pagar nada. Si no, FlyingPress da el mejor resultado por euro para la mayoría de webs.

Hosting, TTFB y CDN

Si después de optimizar imágenes, CSS y JavaScript tu LCP sigue por encima de 2,5 s, el problema casi seguro es el hosting. Los planes compartidos baratos generan un TTFB (tiempo hasta el primer byte) alto que no se puede arreglar desde el código: el servidor simplemente tarda en empezar a responder.

La regla rápida: si tu TTFB supera los 600 ms, cambia de hosting antes de tocar nada más. Si está por debajo de 400 ms, céntrate en optimizar con plugins. Un buen alojamiento WordPress gestionado más un CDN delante (Cloudflare es el estándar) puede bajar el LCP cientos de milisegundos de un día para otro.

El cambio que más mueve la aguja: si tu TTFB es alto, ningún plugin lo arregla. Pásate a un hosting WordPress rápido y notarás la mejora en el LCP desde el primer día. Es la inversión con mejor retorno para las métricas.

Checklist de optimización

Sigue este orden de arriba abajo. Está pensado para ir de lo que más impacto tiene a lo que menos:

• Mide el estado actual en Search Console y PageSpeed Insights (datos de campo).
• Comprueba el TTFB; si supera 600 ms, plantéate cambiar de hosting.
• Instala un único plugin de caché y actívalo con la configuración base.
• Convierte todas las imágenes a WebP/AVIF y define sus dimensiones.
• Precarga la imagen LCP y quítale el lazy-load.
• Genera CSS crítico inline y difiere el CSS y JS no esenciales.
• Carga los scripts de terceros (chat, tracking) en diferido o por interacción.
• Reserva espacio para anuncios, embeds y banners de cookies.
• Añade font-display: swap y precarga las fuentes críticas.
• Activa un CDN (Cloudflare) delante del sitio.
• Vuelve a medir a las 72 horas: los datos de campo tardan en actualizarse.

Errores comunes que arruinan tus métricas

• Optimizar solo para Lighthouse. El 100 de laboratorio no posiciona; mide siempre datos de campo.
• Apilar plugins de caché. Dos plugins que minifican lo mismo se pisan y rompen el sitio. Uno solo, bien configurado.
• Lazy-load en la imagen de cabecera. Retrasa justo el elemento que define tu LCP.
• Ignorar el móvil. Google evalúa sobre todo la versión móvil; prueba siempre ahí primero.
• Medir una sola vez. Los datos de campo son una media de 28 días; un cambio tarda días en reflejarse.

Preguntas frecuentes

¿Qué Core Web Vital pesa más en SEO?

El LCP es el que más correlaciona con el posicionamiento, seguido del INP. El CLS pesa menos en ranking, pero un valor alto castiga la experiencia y la conversión. Lo ideal es tener los tres en verde; si tienes que priorizar, empieza por el LCP.

¿Es mejor cambiar de hosting o instalar más plugins?

Depende del TTFB. Si está por encima de 600 ms, cambia de hosting antes de tocar nada más, porque ningún plugin compensa un servidor lento. Si está por debajo de 400 ms, optimiza con plugins.

¿Cómo arreglar un INP alto en WordPress?

Identifica el script que bloquea el hilo principal con la pestaña Performance de Chrome DevTools. Suele ser un chat, un píxel de tracking o un slider pesado. La solución es cargarlo en diferido o solo tras la primera interacción del usuario.

¿Cuánto tardan en actualizarse los Core Web Vitals?

Los datos de campo se calculan sobre una ventana móvil de 28 días, así que un cambio puede tardar de varios días a varias semanas en reflejarse del todo en Search Console. Los de laboratorio son instantáneos y sirven para validar mientras esperas.

¿Un buen tema de WordPress mejora las métricas?

Mucho. Un tema ligero y bien programado parte con ventaja; uno cargado de funciones que no usas arrastra CSS y JavaScript en cada página. Si vas a empezar de cero, elige un tema rápido antes de pelearte luego con plugins de optimización.

¿Los Core Web Vitals afectan igual en móvil y escritorio?

Google evalúa y reporta móvil y escritorio por separado, pero el peso real está en móvil, donde están la mayoría de las visitas y los dispositivos más limitados. Optimiza pensando primero en móvil.

Conclusión

Los Core Web Vitals son de las métricas que más rentabilidad te pueden dar como freelance: optimizarlos para un cliente mejora a la vez su SEO y su conversión, y eso se enseña con un antes/después que vende solo. El proceso completo (auditar, optimizar, validar) son entre 8 y 15 horas para una web mediana. Cóbralo aparte y conviértelo en uno de tus servicios estrella.

Empieza hoy por lo más simple: mide el estado real en Search Console y comprueba tu TTFB. Con esos dos datos ya sabes si tu siguiente paso es cambiar de hosting o ponerte con los plugins. ¿En qué métrica andas peor ahora mismo? Cuéntamelo en los comentarios y te oriento.