Core Web Vitals WordPress: guía de optimización 2026

En dispositivos móviles, el 53,1 % de los visitantes abandona una página que tarda más de 3 segundos en cargarse. Los Core Web Vitals cuantifican esta realidad: son las tres métricas con las que Google mide la experiencia real de tus visitantes, y influyen directamente en tu posicionamiento. La buena noticia es que, en WordPress, conseguir que estén en verde es un proceso reproducible, no es magia. A continuación te explicamos este método, métrica por métrica.

Explicación de las 3 principales métricas de Web Vitals

LCP, Pintura de mayor contenido (objetivo: < 2,5s)

El LCP mide el tiempo de carga del elemento más grande visible en el área de visualización, que suele ser la imagen principal o el título H1. Google considera que un LCP superior a 4 segundos es «malo». En dispositivos móviles, los sitios de WordPress no optimizados suelen tardar entre 3 y 6 segundos.

INP, Interacción con la siguiente pintura (objetivo: < 200 ms)

El INP (que sustituyó al FID en 2024) mide la capacidad de respuesta de su sitio a la interacción del usuario, clics, toques y pulsaciones de teclas. Un JavaScript demasiado pesado es la principal causa de un INP deficiente. Los plugins de WordPress suelen cargar demasiado JS innecesario.

CLS, Desplazamiento acumulativo de la disposición (objetivo: < 0,1)

El CLS mide la estabilidad visual de tu página, es decir, los elementos que «saltan» durante la carga. Las imágenes sin dimensiones definidas, las fuentes web que alteran el diseño y los anuncios que se insertan son las causas principales.

Acciones concretas para mejorar el PCL

Precargar la imagen principal con <link rel="preload" as="image">
Utilizar una CDN (Cloudflare, BunnyCDN) para servir imágenes desde un centro de datos cercano.
Convierte todas las imágenes a WebP o AVIF (ahorro de peso de 30 a 50 %)
Activar la caché de página (WP Rocket, W3 Total Cache, o caché de servidor Nginx)
Evitar redireccionamientos en cadena en la página de inicio
Utilice un alojamiento con TTFB < 200ms (se recomienda el alojamiento gestionado)

La precarga de la imagen principal es la medida más rentable y, a la vez, la más olvidada. En concreto, en el <head> de tu página de inicio:

<link rel="preload" as="image"
      href="/wp-content/uploads/2026/hero.webp"
      fetchpriority="high">

<!-- Et sur la balise img elle-même : -->
<img src="/wp-content/uploads/2026/hero.webp"
     width="1280" height="720"
     fetchpriority="high" decoding="async" alt="…">

El atributo fetchpriority="high" indica al navegador que descargue esta imagen antes que cualquier otra cosa. En un tema bien diseñado, este simple cambio suele suponer una mejora de entre 0,5 y 1,2 segundos en el LCP.

Acciones concretas para mejorar el INP

Auditoría y eliminación de plugins que cargan JavaScript innecesario en todas las páginas
Retrasar la carga de scripts no críticos (aplazar / async)
Utiliza WP Rocket o Perfmatters para deshabilitar scripts por página
Minificación y combinación de archivos JavaScript
Evite los scripts de terceros (widgets de chat, análisis no esenciales) en las páginas de conversión.

El principal culpable del INP en WordPress son los creadores de páginas y sus bibliotecas de JavaScript, que se cargan en todas partes. Nuestra selección de Plugins de WordPress realmente imprescindibles detalla cuáles son los que no pesan mucho; la regla de oro sigue siendo: un plugin = un motivo concreto.

Acciones concretas para mejorar el CLS

Especifique siempre los atributos anchura y altura en las imágenes
Carga previa de Google Fonts o alójalas automáticamente
Añadir font-display: opcional para políticas no críticas
Reservar espacio para anuncios y banners antes de que se carguen
Evitar animaciones CSS que modifiquen las propiedades de diseño (margen, relleno, anchura).

Cómo medir tus Core Web Vitals (datos de campo frente a datos de laboratorio)

Ten en cuenta una confusión habitual: la puntuación de PageSpeed «en laboratorio» (prueba única, equipo estandarizado) no es la que utiliza Google para clasificar. Lo que cuenta son los datos «en condiciones reales» (CrUX), recopilados de tus visitantes reales que utilizan Chrome durante un periodo de 28 días consecutivos.

Search Console → Core Web Vitals : el veredicto oficial de Google, por grupos de URL, móvil y ordenador. Es tu panel de control de referencia.
PageSpeed Insights : muestra en la parte superior los datos de CrUX de campo (si tu tráfico es suficiente) y, debajo, el diagnóstico de laboratorio con las recomendaciones.
web-vitals (extensión de Chrome o biblioteca JS) : para medir el INP en condiciones reales mientras navegas, lo cual resulta útil para detectar una interacción lenta concreta.

Regla práctica: un sitio web puede obtener una puntuación de 95/100 en el laboratorio y no superar las pruebas de Core Web Vitals en condiciones reales debido a un INP deficiente en dispositivos móviles de gama baja. Confía siempre en Search Console como último recurso.

Volver al proyecto: LCP de 4,1 s a 1,9 s

En una tienda online de WooCommerce que hemos auditado, el LCP en móvil se estancaba en 4,1 segundos y el informe de Search Console mostraba alertas en casi todas las páginas de productos. Cuatro medidas, en este orden: alojamiento gestionado (el TTFB pasó de 620 ms a 180 ms), conversión de todas las imágenes a WebP, precarga de la imagen del producto con fetchpriority, y desactivación de tres plugins de JavaScript innecesarios a través de Perfmatters. Resultado tras el recálculo de CrUX de 28 días: LCP de 1,9 s, INP de 140 ms, CLS de 0,04 y todas las URL han vuelto a estar en verde. La tasa de conversión en móvil ha seguido la misma tendencia, con un aumento del 12 % en %.

Lista de control Core Web Vitals WordPress

☐ Héroe de la imagen precargado con rel="preload" y fetchpriority="high"
☐ Todas las imágenes WebP o AVIF.
☐ CDN configurado (Cloudflare como mínimo)
☐ Caché de página activada
☐ TTFB < 200ms verificado
Auditoría de plugins JavaScript (WP Rocket o Perfmatters)
☐ Guiones aplazados en aplazar
☐ Dimensiones anchura/altura en todas las imágenes.
Fuentes web precargadas
☐ Informe de Core Web Vitals de Search Console en verde (datos reales)

Los Core Web Vitals son solo uno de los pilares del posicionamiento web: para tener una visión general, sigue leyendo nuestro Guía definitiva de SEO para WordPress 2026. Y si prefieres un análisis detallado de tu página web en lugar de una lista de comprobación que tengas que aplicar tú mismo, nosotros nos encargamos de hacerlo por ti con nuestra auditoría técnica de WordPress.

#CLS #Core Web Vitals #INP #LCP 1TP5Rendimiento #SEO #WordPress

Autor

Walid Sadfi

Walid Sadfi es el fundador de Evolurise, una agencia especializada en el desarrollo a medida de WordPress, la integración de IA y el posicionamiento SEO. Con ocho años de experiencia a sus espaldas, ayuda a pymes y grandes empresas a crear plataformas web eficaces y a automatizar sus procesos de negocio mediante la IA. En este blog comparte experiencias prácticas sobre WordPress, WooCommerce, la IA generativa y el SEO técnico.