1. Qué son los Core Web Vitals 2026 y por qué Google los usa
Los Core Web Vitals 2026 son tres métricas de experiencia de usuario que Google incorporó como factor de ranking oficial en 2021. Miden aspectos concretos de cómo se siente navegar tu web: ¿carga rápido? ¿los elementos se mueven mientras carga? ¿responde bien cuando el usuario hace clic?
Antes de los Core Web Vitals, la velocidad web era un factor técnico difuso. Con los CWV, Google tiene números concretos y comparables para decidir qué web merece mejor posición cuando dos páginas tienen contenido similar. En negocios locales de Fuenlabrada, Leganés o Getafe, una web con CWV en verde puede ganar posiciones frente a competidores con webs lentas.
2. LCP (Largest Contentful Paint): cómo medirlo y mejorarlo
El LCP mide el tiempo que tarda en renderizarse el elemento más grande visible en el viewport inicial: normalmente la imagen hero, el vídeo de cabecera o el bloque de texto principal.
Causas más frecuentes de LCP alto
- Imagen hero en formato JPG/PNG sin comprimir: una imagen de 2MB puede causar un LCP de 5-8 segundos en móvil
- Sin preload del recurso LCP: el navegador lo descubre tarde porque aparece en CSS o en JS
- Servidor lento (TTFB alto): si el servidor tarda 1.5s en responder, el LCP nunca puede ser menor de 1.5s
- Recursos de terceros bloqueantes: scripts de chat, analytics cargados en el head
Cómo mejorar el LCP rápidamente
- Convierte la imagen hero a WebP y comprime a menos de 150KB
- Añade fetchpriority="high" y loading="eager" a la imagen hero
- Añade <link rel="preload"> en el head para la imagen hero
- Cambia a un hosting con TTFB menor de 200ms
3. CLS (Cumulative Layout Shift): el error que espanta usuarios
El CLS mide cuánto se desplazan inesperadamente los elementos de la página mientras carga. El ejemplo clásico: estás a punto de pulsar un botón y de repente aparece un banner que empuja el contenido hacia abajo y pulsas en el anuncio. Eso es CLS alto.
Causas más frecuentes de CLS alto
- Imágenes sin atributos width y height definidos: el navegador no reserva espacio y los elementos se desplazan al cargar la imagen
- Fuentes web sin font-display:swap: el texto cambia de tamaño cuando carga la fuente personalizada
- Anuncios o banners que se cargan tarde: empujan el contenido hacia abajo
- Elementos insertados dinámicamente por JavaScript por encima del contenido
Añade width y height a todas las etiquetas img de tu web. Es el cambio con mayor impacto en CLS y se hace en minutos. Ver nuestra guía diseño web WordPress.
4. INP (Interaction to Next Paint): la métrica nueva de 2024
El INP sustituyó al FID en marzo de 2024. Mide el tiempo que tarda la página en responder visualmente a cualquier interacción del usuario: clic en un botón, tap en móvil, pulsación de tecla.
Causas más frecuentes de INP alto
- JavaScript pesado en el hilo principal: plugins de WordPress con JS excesivo bloquean la respuesta
- Tareas largas (Long Tasks): cualquier script que tarde más de 50ms en ejecutarse
- Third-party scripts: chat en vivo, pixels de seguimiento mal implementados
5. Cómo medir tus Core Web Vitals hoy mismo
Hay dos tipos de datos de Core Web Vitals que debes conocer:
| Tipo | Qué mide | Herramienta | Para qué sirve |
|---|---|---|---|
| Datos de laboratorio | Simulación controlada | PageSpeed Insights | Debug y optimización |
| Datos de campo | Usuarios reales últimas 4 semanas | Search Console | Lo que Google usa para rankear |
Muchos webmasters optimizan hasta PageSpeed 95 en escritorio pero ignoran el móvil. Google usa principalmente los datos de móvil para decidir el ranking. Siempre mide y optimiza en móvil primero. Mide tu web ahora en PageSpeed Insights o consulta la documentación oficial de Core Web Vitals en web.dev.
6. Las 10 causas más frecuentes de CWV bajos en WordPress
Tras analizar más de 200 webs WordPress en España, estas son las causas que aparecen en el 90% de los casos con PageSpeed por debajo de 70:
- 1. Hosting compartido lento con TTFB mayor de 600ms — el problema más frecuente
- 2. Imágenes sin comprimir ni convertir a WebP
- 3. Sin plugin de caché activo y configurado
- 4. PHP 7.x en lugar de PHP 8.2+
- 5. Demasiados plugins activos (más de 20-25 es señal de problema)
- 6. Fuentes Google cargadas externamente sin preconnect
- 7. Sin CDN para servir assets estáticos
- 8. Sin caché de objetos (Redis o Memcached)
- 9. Scripts de terceros en el head sin defer o async
- 10. CSS y JS sin minificar ni combinar
La buena noticia es que resolver 5 de estas 10 causas suele ser suficiente para pasar de PageSpeed 40-50 a 85-95 en la mayoría de webs WordPress.
7. Checklist Core Web Vitals para PageSpeed 90+
🖼️ Imágenes
- Todas las imágenes en formato WebP
- Imágenes comprimidas a menos de 150KB (hero) y 80KB (resto)
- Atributos width y height en todas las etiquetas img
- loading="lazy" en imágenes fuera del viewport inicial
- fetchpriority="high" en la imagen hero
- Preload de la imagen LCP en el head
⚡ JavaScript y CSS
- Scripts no críticos con defer o async
- CSS y JS minificados y combinados
- Eliminar plugins de WordPress sin uso
- Diferir scripts de terceros (chat, analytics, pixels)
- Inline el CSS crítico del above-the-fold
🏎️ Servidor y caché
- Plugin de caché activo (WP Rocket, LiteSpeed Cache, W3 Total Cache)
- CDN configurado para assets estáticos
- PHP 8.2 o superior
- Hosting con TTFB menor de 200ms
- Compresión Gzip o Brotli activada
- HTTP/2 o HTTP/3 activo
🔤 Fuentes web
- Preconnect a fonts.googleapis.com y fonts.gstatic.com
- font-display: swap en todas las fuentes
- Máximo 2 familias tipográficas y 3 pesos
- Considerar alojar fuentes en tu propio servidor
¿Tu web tiene PageSpeed bajo?
Auditamos tu web gratuitamente. En 48h sabrás exactamente qué falla y cómo llegar a PageSpeed 90+. Ver precios SEO.
8. Core Web Vitals 2026 y SEO: impacto real en ranking
Google confirmó que los Core Web Vitals son un factor de ranking, pero con matices importantes que muchos artículos ignoran.
El peso real de los CWV en el ranking es moderado pero decisivo en empates: cuando dos páginas tienen contenido, backlinks y autoridad similares, los CWV pueden ser el factor que decide cuál aparece primera. En nichos donde la mayoría tiene CWV pobres, la oportunidad es enorme. Ver nuestra metodología SEO completa.
Pasar de CWV pobres a CWV buenos puede mejorar posiciones entre 2 y 8 puestos en SERPs competidas. El impacto en conversiones suele ser mayor: una mejora de 1 segundo en LCP puede aumentar las conversiones hasta un 27%. Fuente: casos de estudio en web.dev.
9. Herramientas gratuitas para monitorizar Core Web Vitals
| Herramienta | Tipo de datos | Lo mejor |
|---|---|---|
| PageSpeed Insights | Lab + Campo | Ver datos reales de usuarios + diagnóstico |
| Google Search Console | Campo (real) | Ver todas las URLs afectadas de tu web |
| Chrome DevTools | Lab | Debug detallado de cada métrica |
| web.dev/measure | Lab | Informe completo con recomendaciones |
| CrUX Dashboard | Campo histórico | Evolución de CWV en el tiempo |
10. Plan de acción: de PageSpeed 40 a 90+ en 30 días
📅 Semana 1: Diagnóstico y victorias rápidas
- Mide PageSpeed en móvil y escritorio en pagespeed.web.dev
- Identifica el elemento LCP (Google te lo indica en el informe)
- Convierte todas las imágenes a WebP y comprime
- Añade width y height a todas las imágenes (fix CLS)
- Instala plugin de caché si no tienes uno
📅 Semana 2: JavaScript y fuentes
- Audita plugins de WordPress — desactiva los que no uses
- Añade defer a scripts no críticos
- Configura preconnect para fuentes de Google
- Activa font-display:swap en todas las fuentes
- Configura CDN si no tienes uno
📅 Semana 3-4: Servidor y validación
- Verifica que el hosting usa PHP 8.2+ y TTFB menor de 300ms
- Activa compresión Brotli o Gzip
- Mide de nuevo en PageSpeed Insights
- Verifica en Google Search Console (tarda 28 días en actualizarse)
- Valida con usuarios reales en distintos dispositivos
