El rendimiento de un sitio dejó de ser un detalle técnico secundario: Google lo trata como una señal directa de ranking, y desde la actualización de 2026, Interaction to Next Paint (INP) reemplazó a FID como una de las tres métricas centrales que se miden. Si tu sitio WordPress se siente lento, no es solo una molestia para el visitante, es un problema de visibilidad en buscadores.
Esta guía explica qué mide cada métrica de Core Web Vitals, cómo diagnosticarlas en tu sitio, y qué solucionar primero según el tipo de problema que tengas.
Las tres métricas de Core Web Vitals, explicadas simple
LCP (Largest Contentful Paint). Mide cuánto tarda en aparecer el elemento más grande visible en la pantalla (normalmente una imagen hero o un bloque de texto grande). Un buen LCP está por debajo de 2.5 segundos.
INP (Interaction to Next Paint). Mide qué tan rápido responde tu sitio cuando alguien hace clic, toca o escribe algo. Reemplazó a FID porque mide la interactividad durante toda la visita, no solo la primera interacción. Un buen INP está por debajo de 200 milisegundos.
CLS (Cumulative Layout Shift). Mide cuánto “salta” el diseño mientras carga la página (por ejemplo, cuando un botón se mueve porque un anuncio o imagen carga tarde). Un buen CLS está por debajo de 0.1.
Cómo diagnosticar tu sitio antes de optimizar
No optimices a ciegas. Antes de cambiar nada:
- Corre tu sitio por PageSpeed Insights, que usa datos reales de Chrome (CrUX) además de una simulación de laboratorio.
- Revisa el reporte de Core Web Vitals en Google Search Console, en la sección de Experiencia, para ver el rendimiento real de usuarios en el tiempo, no solo una prueba puntual.
- Anota qué métrica específica está fallando — la solución es distinta según sea LCP, INP o CLS.
Cómo mejorar el LCP
- Comprime todas las imágenes antes de subirlas, priorizando formato WebP o AVIF.
- Usa un plugin de caché (reduce el tiempo de generación de la página en cada visita).
- Sirve las imágenes a través de un CDN para reducir la latencia de entrega.
- Evita que el elemento LCP dependa de JavaScript para renderizarse; entre más directo el camino de carga, más rápido aparece.
- Si usas un page builder, revisa que la sección hero no cargue widgets innecesarios antes del contenido visible.
Cómo mejorar el INP
- Reduce JavaScript que no es esencial para la primera interacción; cada script que bloquea el hilo principal suma directamente al INP.
- Divide tareas largas de JavaScript en fragmentos más pequeños para que no bloqueen la interfaz por completo.
- Audita plugins de terceros: cada plugin adicional puede sumar su propio JavaScript, y no siempre de forma optimizada. Desactiva los que no estés usando activamente.
- Ten cuidado con animaciones complejas activadas por scroll o hover; recalculan el layout con frecuencia y consumen tiempo de procesamiento.
Cómo mejorar el CLS
- Define siempre el ancho y alto (width/height) de imágenes y videos en el HTML, para que el navegador reserve el espacio antes de que carguen.
- Evita insertar contenido dinámico (banners, anuncios, notificaciones) por encima de contenido que ya está visible.
- Usa transformaciones CSS (transform) en lugar de cambios de propiedades que afectan el layout para animaciones.
- Precarga las fuentes web (font-display: swap o preload) para evitar el salto de texto cuando la tipografía termina de cargar.
Checklist rápido antes de dar por optimizado tu sitio
- Imágenes comprimidas y en formato moderno (WebP/AVIF)
- Plugin de caché activo y configurado
- CDN activo para archivos estáticos
- Plugins inactivos eliminados, no solo desactivados
- Ancho y alto definidos en imágenes y videos
- JavaScript no esencial cargado de forma diferida
- Fuentes web precargadas
Herramientas que realmente ayudan
Dentro del ecosistema de plugins de rendimiento para WordPress, las categorías que más impacto tienen son: plugins de caché (reducen tiempo de generación de página), plugins de optimización de imágenes (compresión automática al subir), y plugins de minificación/combinación de CSS-JS (reducen peticiones y tamaño de archivos). Si necesitas varias de estas herramientas premium para distintos proyectos, catálogos como Plugins MX las agrupan bajo licencia GPL en un solo acceso, en lugar de comprar cada una por separado.
Preguntas frecuentes
¿Cuánto tarda en reflejarse una mejora de Core Web Vitals en el ranking? Los datos de Search Console se basan en una ventana móvil de 28 días de datos reales de usuarios, así que las mejoras tardan semanas en reflejarse completamente en el reporte, aunque el efecto en la experiencia del visitante es inmediato.
¿Un page builder pesado arruina automáticamente mis Core Web Vitals? No automáticamente, pero sí exige más disciplina de optimización de tu parte: menos widgets anidados, menos animaciones innecesarias, y revisión constante del peso de cada sección.
¿Vale la pena optimizar si mi sitio ya “se ve rápido” a simple vista? Sí. La percepción subjetiva de velocidad y las métricas reales de Core Web Vitals no siempre coinciden — un sitio puede sentirse rápido en tu computadora de desarrollo y aun así fallar INP en un celular de gama media con conexión lenta, que es como navega buena parte de tu audiencia real.