SEO Técnico·17 de marzo de 2026·9 min de lectura

#core-web-vitals #technisches-seo #wordpress

Optimización de Core Web Vitals en WordPress: Mejorar LCP, INP y CLS (2026)

Los Core Web Vitals son un factor de ranking directo de Google. Te mostramos paso a paso cómo mejorar de forma medible LCP, INP y CLS en tu sitio web WordPress.

¿Qué son los Core Web Vitals y por qué son un factor de posicionamiento?

Desde la actualización de Google Page Experience, los Core Web Vitals son un factor de posicionamiento directo — Google los utiliza para evaluar la rapidez y estabilidad con la que tu sitio web carga para usuarios reales.

Las tres métricas de un vistazo:

LCP (Largest Contentful Paint): ¿Qué tan rápido carga el elemento visible más grande? Objetivo: menos de 2,5 segundos.
INP (Interaction to Next Paint): ¿Qué tan rápido responde la página a las interacciones del usuario? Objetivo: menos de 200 ms.
CLS (Cumulative Layout Shift): ¿Qué tan estable es el diseño durante la carga? Objetivo: menos de 0,1.

Según datos de HTTP Archive, solo el 44 % de todos los sitios web WordPress superan las tres métricas en dispositivos móviles. Esa es tu oportunidad para superar a la competencia.

Diagnóstico: ¿Dónde te encuentras?

Antes de optimizar, necesitas medir. Estas herramientas te muestran tu rendimiento actual:

Google PageSpeed Insights analiza una URL tanto en modo laboratorio como en modo de datos de campo (datos reales de usuarios del Chrome User Experience Report). Introduce tus páginas más importantes: página de inicio, páginas de categorías, páginas de productos.

Google Search Console → Informe de Core Web Vitals muestra todas las páginas de tu dominio clasificadas como "deficientes" o "necesitan mejorar". Este es el punto de partida más importante, porque Google utiliza exactamente estos datos para el posicionamiento.

WebPageTest.org permite realizar pruebas con diferentes dispositivos y velocidades de red — ideal para simular de forma realista la experiencia del usuario móvil.

Mejorar el LCP: Cargar el elemento más grande más rápido

El LCP está determinado en la mayoría de los sitios WordPress por una imagen hero, un título H1 o una miniatura de vídeo grande.

Optimizar imágenes hero:

Entregar imágenes en formato WebP (30–50 % más pequeñas que JPEG/PNG)
Marcar la imagen LCP con fetchpriority="high":
Desactivar explícitamente la carga diferida para la imagen LCP: loading="eager"

Reducir el TTFB (Time to First Byte): Un servidor lento lo retrasa todo. Revisa tu proveedor de hosting — para WordPress se recomiendan proveedores con caché del lado del servidor. Objetivo: TTFB inferior a 800 ms.

Cargar CSS crítico en línea: Los archivos CSS bloquean el renderizado. Herramientas como WP Rocket o NitroPack pueden extraer automáticamente el CSS crítico e insertarlo en línea en el , mientras el resto se carga de forma asíncrona.

Plugins recomendados para LCP:

WP Rocket — Solución todo en uno con precarga, CSS crítico y optimización de TTFB
Imagify / ShortPixel — Conversión y compresión automática a WebP
Cloudflare (gratuito) — El CDN reduce significativamente el TTFB a nivel global

Mejorar el INP: Hacer que la página responda a las interacciones

El INP reemplazó la antigua métrica FID en 2024 y mide el tiempo de respuesta para todas las interacciones del usuario (clics, toques, entrada por teclado).

Reducir el exceso de JavaScript: Cada plugin innecesario carga JavaScript. Desactiva los plugins que no necesites. Con la pestaña Performance de Chrome DevTools puedes ver qué scripts tardan más en bloquear.

Cargar scripts bajo demanda: Plugins como Perfmatters permiten cargar scripts solo en páginas específicas o solo después de la interacción del usuario (defer, async).

Eliminar recursos que bloquean el renderizado: Los scripts en el sin defer o async bloquean completamente el renderizado. La mayoría de los plugins modernos se cargan correctamente, pero los temas y plugins más antiguos a menudo no lo hacen.

Eliminar el CLS: Sin más cambios de diseño

Nada frustra más a los usuarios que una página que se desplaza durante la carga, haciendo que hagan clic en el botón equivocado.

Incluir siempre las dimensiones de las imágenes: Sin los atributos width y height, el navegador no sabe cuánto espacio necesita una imagen antes de cargarla:

<img src="imagen.webp" width="800" height="450" alt="..." />

Estabilizar las fuentes web: Las fuentes personalizadas causan Flash of Invisible Text (FOIT) o Flash of Unstyled Text (FOUT). Solución: font-display: swap en la declaración CSS. Aún mejor: alojar las fuentes localmente en lugar de cargarlas desde Google Fonts.

Reservar espacio para anuncios e incrustaciones: Cuando los anuncios, incrustaciones de YouTube o banners de cookies se insertan en la página después de la carga, el diseño se desplaza. Siempre reserva una altura fija para estos elementos mediante CSS.

Monitorización: Mantener el control de los valores a largo plazo

La optimización no es una tarea puntual. Cada nuevo plugin, cada actualización de tema puede empeorar los Core Web Vitals.

Google Search Console te alerta automáticamente cuando las páginas caen en la categoría "deficiente".

AniSEO monitoriza continuamente tu sitio WordPress y sugiere proactivamente optimizaciones — antes de que ocurra una pérdida de posicionamiento.

Monitorizar Core Web Vitals automáticamente con AniSEO →

Artículos relacionados: