Core Web Vitals en WordPress: cómo mejorar tu puntuación en Lighthouse y Google

Desde 2021, Google usa los Core Web Vitals como factor de ranking en su algoritmo. Si tu WordPress no pasa los umbrales mínimos, estás en desventaja frente a competidores con mejor rendimiento web, incluso si tu contenido es mejor.

Esta guía explica qué miden los Core Web Vitals, por qué importan para el SEO en Chile, y cómo mejorarlos en WordPress paso a paso.

¿Qué son los Core Web Vitals?

Son tres métricas que Google usa para medir la experiencia de usuario en una página web:

LCP — Largest Contentful Paint

Qué mide: El tiempo que tarda en cargarse el elemento visual más grande de la página (imagen principal, hero banner, bloque de texto grande).

Objetivo: Menos de 2,5 segundos. Aceptable: 2,5 a 4 segundos. Mal: Más de 4 segundos.

INP — Interaction to Next Paint (desde 2024)

Qué mide: La latencia de respuesta del sitio cuando el usuario hace clic, toca o usa el teclado. Reemplazó al FID (First Input Delay) en marzo 2024.

Objetivo: Menos de 200ms. Aceptable: 200 a 500ms. Mal: Más de 500ms.

CLS — Cumulative Layout Shift

Qué mide: Qué tanto se desplaza el contenido visualmente mientras carga la página (el efecto de "se movió mientras iba a hacer clic").

Objetivo: Menos de 0,1. Aceptable: 0,1 a 0,25. Mal: Más de 0,25.

Cómo medir tus Core Web Vitals

Google PageSpeed Insights

Ingresa tu URL en pagespeed.web.dev. Muestra los datos de campo (usuarios reales) si hay suficiente tráfico registrado en el Chrome User Experience Report (CrUX), y los datos de laboratorio (Lighthouse).

Datos de campo > Datos de laboratorio para SEO: Google usa los datos de usuarios reales, no los de Lighthouse.

Google Search Console

En GSC → Experiencia → Métricas web esenciales. Muestra qué páginas de tu sitio tienen problemas reales medidos en usuarios de Chrome. Es la fuente más relevante para SEO.

Lighthouse en Chrome DevTools

F12 → Lighthouse → Analizar. Útil para diagnosticar problemas en páginas específicas durante el desarrollo. Corre la prueba en modo incógnito para evitar extensiones que afecten los resultados.

Problemas comunes de Core Web Vitals en WordPress

LCP lento: las causas más frecuentes

1. Imagen hero sin precargar

La imagen más grande generalmente es el banner principal (hero). El navegador la descarga después de procesar el HTML y CSS, lo que retrasa el LCP.

Solución: Agrega el atributo fetchpriority="high" a la imagen hero y asegúrate que tenga loading="eager" (sin lazy load en el primer elemento visible).

En WordPress, puedes forzar esto con el plugin Perfmatters o editando el tema.

2. Hosting lento (TTFB alto)

Si el Time to First Byte (TTFB) supera los 600ms, el LCP nunca podrá ser bueno. El TTFB refleja el tiempo que tarda el servidor en responder.

Solución: Activa caché de página. En Elevocloud, AccelerateWP incluye LiteSpeed Cache con caché de página optimizada para LiteSpeed. Configura la caché de objetos (Redis) para reducir las consultas a la base de datos.

3. Imágenes sin optimizar

Imágenes de 2-5MB que podrían ser 100-300KB en WebP son una de las causas más comunes de LCP lento.

Solución: Instala ShortPixel o Imagify para convertir automáticamente las imágenes a WebP. Asegúrate que el tema sirva imágenes con srcset para distintos tamaños de pantalla.

INP alto: el más difícil de mejorar

1. JavaScript bloqueante

Scripts pesados de terceros (chatbots, widgets de redes sociales, Google Tag Manager mal configurado) bloquean el hilo principal del navegador y aumentan el INP.

Solución: Carga los scripts de terceros de forma asíncrona o diferida. WP Rocket y LiteSpeed Cache tienen opciones de "retraso de JS" que cargan los scripts solo cuando el usuario interactúa.

2. Plugins con procesamiento pesado en el frontend

Algunos plugins de sliders, popups o chat ejecutan demasiado JavaScript en cada interacción.

Solución: Desactiva los plugins de uno en uno y mide el impacto. Usa la pestaña Performance de Chrome DevTools para identificar qué script genera el bottleneck.

CLS: corrección de los saltos visuales

1. Imágenes sin dimensiones definidas

Si las imágenes no tienen width y height en el HTML, el navegador no reserva el espacio antes de cargar la imagen. Cuando aparece, empuja el contenido hacia abajo.

Solución: Siempre define las dimensiones en el HTML. En WordPress moderno, Gutenberg agrega las dimensiones automáticamente si subes imágenes correctamente.

2. Fuentes web con swap visible

Cuando usas Google Fonts u otras fuentes web, el texto aparece primero en una fuente del sistema y luego "salta" a la fuente cargada.

Solución: Precarga las fuentes principales con <link rel="preload"> y usa font-display: swap solo para fuentes no críticas.

3. Anuncios sin espacio reservado

Si usas Google AdSense u otro sistema de anuncios, el espacio del anuncio debe estar reservado antes de que cargue. Si el anuncio aparece y empuja el contenido, genera CLS.

Solución: Define un tamaño mínimo fijo para el contenedor del anuncio.

Los mejores plugins de WordPress para Core Web Vitals

WP Rocket (USD $59/año)

El plugin de caché y optimización más completo. Maneja: caché de página, minificación CSS/JS, carga diferida de imágenes, preconexión a dominios externos, caché de browser, preload del sitemap. Fácil de configurar incluso sin conocimientos técnicos.

LiteSpeed Cache (gratuito)

Si tu hosting usa LiteSpeed (como Elevocloud), este plugin es el más eficiente porque se integra directamente con el servidor. Incluye: caché de página, caché de objetos (Redis/Memcached), optimización de imágenes (LQIP), minificación CSS/JS y Critical CSS automático.

Perfmatters (USD $24.95/año)

Complemento liviano que desactiva funciones innecesarias de WordPress y plugins (emojis, dashicons, oEmbed, query strings, etc.). Muy útil para reducir el INP eliminando JavaScript innecesario.

ShortPixel o Imagify

Para optimización de imágenes y conversión a WebP. ShortPixel tiene un plan gratuito con 100 créditos/mes. Imagify ofrece 20MB/mes gratis.

Estrategia paso a paso para mejorar

Paso 1: Mide el estado actual Ejecuta PageSpeed Insights en tu página principal, en un artículo de blog y en tu página de contacto. Anota los valores de LCP, INP y CLS.

Paso 2: Activa caché Si no tienes caché activa, es lo primero. Activa LiteSpeed Cache o instala WP Rocket. Mide de nuevo: el LCP debería mejorar notablemente.

Paso 3: Optimiza imágenes Instala ShortPixel y convierte todas las imágenes existentes a WebP. Activa la compresión automática para futuras imágenes.

Paso 4: Audita los plugins Desactiva todos los plugins que no sean esenciales y mide el INP. Reactiva de uno en uno. Identifica cuáles impactan más el rendimiento.

Paso 5: Corrige el CLS Usa el informe de Lighthouse (sección CLS) para identificar qué elementos generan el desplazamiento. Corrige las dimensiones de imágenes y los saltos de fuentes.

Paso 6: Verifica en Search Console Espera 28 días después de los cambios. Google Search Console actualiza los datos de Core Web Vitals con un retraso de ~28 días para usuarios reales.

Resultados realistas esperados

Con un WordPress bien configurado (LiteSpeed Cache + imágenes WebP + sin plugins pesados):

• LCP: de 4-6s → 1,5-2,5s
• INP: de 300-500ms → 80-200ms
• CLS: de 0,2-0,5 → 0,0-0,1
• Puntuación PageSpeed móvil: de 30-50 → 75-95

El hosting tiene un impacto enorme. Un servidor lento puede limitar el LCP sin importar cuánto optimices la aplicación.

Conclusión

Los Core Web Vitals son métricas reales de experiencia de usuario y también factores de ranking de Google. Mejorarlos no es solo para el SEO: un sitio más rápido tiene más conversiones.

El proceso empieza con la caché, luego las imágenes y termina con la auditoría de JavaScript. Con las herramientas correctas y un buen hosting, pasar al verde en todos los Core Web Vitals es alcanzable en cualquier WordPress.

¿Tu sitio tiene LCP lento? Puede ser el servidor. Lee nuestra guía para optimizar la velocidad de WordPress en hosting y asegúrate de que tu plan de hosting no sea el cuello de botella.