Core Web Vitals 2026: qué son, cómo medirlos y cómo mejorar tu puntuación
Por qué Google mide la velocidad de tu web y lo usa para posicionarte
Desde 2021, Google utiliza las Core Web Vitals como factor de posicionamiento. No es una teoría ni una predicción: es una realidad documentada en la Search Central de Google.
Lo que miden no es la velocidad en abstracto. Miden cómo percibe el usuario la experiencia de cargarse tu web: cuánto tarda en ver el contenido principal, si puede interactuar rápido y si el diseño salta mientras carga.
En 2024, Google sustituyó FID (First Input Delay) por INP (Interaction to Next Paint), haciendo las métricas más representativas del comportamiento real del usuario. En 2026, estas tres métricas —LCP, INP y CLS— siguen siendo los indicadores que Google evalúa para determinar si tu web merece estar en las primeras posiciones.
Esta guía explica cada métrica, cómo medirla y qué hacer para mejorarla, con especial atención a los factores que dependen del hosting y el servidor.
Las tres Core Web Vitals: LCP, INP y CLS
LCP — Largest Contentful Paint (Renderizado del mayor elemento)
¿Qué mide? El tiempo que tarda en cargarse el elemento más grande visible en la pantalla inicial: normalmente una imagen de cabecera, un bloque de texto grande o un vídeo.
¿Por qué importa? Es el indicador más directo de cuándo el usuario percibe que la página ha cargado. Una página puede tener mucho contenido, pero si la parte principal tarda en aparecer, la experiencia es mala.
Umbrales de Google:
- ✅ Bueno: menos de 2,5 segundos
- ⚠️ Mejorable: entre 2,5 y 4 segundos
- ❌ Malo: más de 4 segundos
Factores que afectan al LCP:
- Velocidad del servidor (TTFB — Time to First Byte)
- Tamaño y formato de las imágenes
- Carga de recursos bloqueantes (JavaScript, CSS)
- Caché del servidor y del navegador
INP — Interaction to Next Paint (Interacción con la siguiente pintura)
¿Qué mide? La capacidad de respuesta de la página a las interacciones del usuario: clics, taps y pulsaciones de teclado. Concretamente, mide el tiempo entre que el usuario hace algo y la página responde visualmente.
¿Por qué importa? Una web puede cargar rápido visualmente pero ser lenta para responder. Si hacer clic en un menú o en un botón tarda más de lo esperado, la experiencia deteriora aunque el LCP sea perfecto.
Umbrales de Google:
- ✅ Bueno: menos de 200 ms
- ⚠️ Mejorable: entre 200 y 500 ms
- ❌ Malo: más de 500 ms
Factores que afectan al INP:
- JavaScript pesado o mal optimizado
- Plugins que ejecutan código innecesario en cada interacción
- Tareas largas del hilo principal del navegador
CLS — Cumulative Layout Shift (Desplazamiento acumulativo del diseño)
¿Qué mide? Los movimientos inesperados del contenido mientras la página carga. El ejemplo clásico: estás leyendo un párrafo y de repente aparece un anuncio arriba del todo, empujando todo hacia abajo. Acabas haciendo clic en algo que no querías.
¿Por qué importa? Los saltos de diseño son uno de los problemas de experiencia de usuario más frustrantes. Google los penaliza porque indican que la web no ha calculado bien el espacio de sus elementos antes de cargarlos.
Umbrales de Google:
- ✅ Bueno: menos de 0,1
- ⚠️ Mejorable: entre 0,1 y 0,25
- ❌ Malo: más de 0,25
Factores que afectan al CLS:
- Imágenes sin dimensiones definidas (sin width y height)
- Anuncios y embeds sin espacio reservado
- Fuentes web que se cargan después del texto
- Elementos que se insertan dinámicamente encima del contenido
Cómo medir tus Core Web Vitals: las herramientas esenciales
Google PageSpeed Insights (la referencia principal)
PageSpeed Insights es la herramienta oficial de Google. Analiza tu URL y muestra dos tipos de datos:
- Datos de campo (Field Data): mediciones reales de usuarios que han visitado tu web, recopiladas por Chrome. Son los que Google usa para el posicionamiento.
- Datos de laboratorio (Lab Data): simulación controlada. Útiles para diagnosticar pero no son los que Google pondera.
Introduce la URL de tu web y obtendrás una puntuación de 0 a 100 y el estado (Bueno/Mejorable/Malo) de cada Core Web Vital.
💡 Consejo: analiza tanto la versión móvil como la de escritorio. Google usa Mobile-First Indexing, así que la versión móvil es la que más pesa.
Google Search Console
Si tienes Search Console configurado, el informe «Experiencia de página» → «Core Web Vitals» te muestra el estado de todas tus URLs agrupadas por problema.
La ventaja respecto a PageSpeed Insights: ves el estado de miles de páginas de golpe, no solo de una URL. Puedes identificar qué secciones o tipos de página tienen problemas sistemáticos.
Lighthouse (en las DevTools de Chrome)
Abre cualquier página en Chrome, pulsa F12 para abrir las DevTools y ve a la pestaña «Lighthouse». Genera un informe completo con puntuación, métricas y sugerencias específicas de código.
Es la herramienta más detallada para diagnóstico técnico, aunque recuerda que los datos son de laboratorio.
WebPageTest
WebPageTest.org permite pruebas desde diferentes ubicaciones geográficas y dispositivos reales. Especialmente útil para ver cómo carga tu web desde España si tu servidor está en otro país.
Cómo mejorar el LCP: el impacto del hosting
El LCP es la métrica donde el hosting tiene más influencia directa. El TTFB (Time to First Byte) —el tiempo que tarda el servidor en empezar a responder— es uno de los factores que más determina el LCP.
1. Elige un hosting con almacenamiento NVMe
La diferencia entre un hosting con discos SSD tradicionales y uno con NVMe puede suponer 2-5 veces más velocidad en la lectura de archivos. Un servidor que lee los archivos de tu web más rápido responde antes al navegador.
Los planes de hosting de BlumHost incluyen almacenamiento NVMe en todos sus planes, lo que contribuye directamente a reducir el TTFB.
2. Activa la caché de servidor con LiteSpeed Cache
Si tu hosting usa LiteSpeed Web Server (como el hosting de BlumHost), tienes acceso a LiteSpeed Cache, que es significativamente más eficiente que la caché de plugins como W3 Total Cache o WP Super Cache en servidores Apache.
LiteSpeed Cache guarda versiones estáticas de tus páginas directamente en el servidor, eliminando la necesidad de procesar PHP y consultar la base de datos en cada visita.
3. Optimiza las imágenes que actúan como LCP
Identifica cuál es el elemento LCP de tu página (PageSpeed Insights te lo muestra). Si es una imagen:
- Convierte al formato WebP o AVIF: suelen pesar un 30-50% menos que JPEG con la misma calidad visual
- Añade el atributo
loading="eager"yfetchpriority="high"a la imagen LCP para que el navegador la priorice - Elimina el
loading="lazy"de imágenes que están en el área visible inicial
4. Usa una CDN para servir recursos estáticos
Una CDN (Content Delivery Network) sirve los archivos estáticos de tu web (imágenes, CSS, JS) desde servidores cercanos al visitante. Si tu web está en servidores en España pero tienes visitantes de Latinoamérica, una CDN reduce significativamente los tiempos de carga.
5. Elimina recursos que bloquean el renderizado
CSS y JavaScript que se cargan en el <head> de tu página bloquean el renderizado hasta que terminan de descargarse. Soluciones:
- Añade
deferoasynca los scripts que no son críticos para el primer render - Carga el CSS no crítico de forma asíncrona
- Los plugins de caché como LiteSpeed Cache pueden hacer esto automáticamente
Cómo mejorar el INP: optimizar JavaScript
El INP alto suele ser consecuencia de JavaScript mal optimizado que bloquea el hilo principal del navegador.
Identifica las tareas largas
En Chrome DevTools, ve a la pestaña «Performance», graba una interacción (clic en un botón, por ejemplo) y analiza el timeline. Las barras rojas indican tareas largas (más de 50 ms) que bloquean la respuesta.
Acciones prácticas
En WordPress: desactiva plugins que añaden JavaScript innecesario en todas las páginas. Muchos plugins de formularios, sliders o analytics cargan scripts globalmente cuando solo son necesarios en páginas concretas.
Pospón JavaScript no crítico: usa setTimeout o requestIdleCallback para ejecutar código que no necesita ejecutarse en la carga inicial.
Reduce el tamaño de los bundles: si usas un tema o plugin con JavaScript propio, comprueba si ofrecen versiones minificadas o si puedes excluir partes innecesarias.
Cómo mejorar el CLS: reservar espacio para cada elemento
El CLS es la métrica más «visual» y también una de las más fáciles de corregir con ajustes concretos.
Define siempre las dimensiones de las imágenes
Añade los atributos width y height a todas tus etiquetas <img>. Esto permite al navegador reservar el espacio correcto antes de descargar la imagen:
<img src="foto.webp" width="800" height="450" alt="Descripción">Con WordPress, muchos temas modernos ya hacen esto automáticamente. Comprueba que tu tema lo hace.
Reserva espacio para anuncios y embeds
Si usas Google AdSense u otros sistemas de publicidad, define un espacio fijo para el anuncio aunque este no haya cargado todavía. Usa CSS para establecer una altura mínima en el contenedor del anuncio.
Precarga las fuentes web
Las fuentes web que se cargan después del texto inicial causan un salto (el texto se reposiciona cuando cambia de la fuente del sistema a la fuente web). Añade en el <head>:
<link rel="preload" href="/fonts/mifuente.woff2" as="font" type="font/woff2" crossorigin>El hosting como base de todo: qué debe tener tu proveedor
Puedes optimizar todo el frontend de tu web, pero si el servidor es lento, el esfuerzo tiene un techo. Los factores del hosting que más impactan en Core Web Vitals son:
TTFB bajo: un servidor que responde en menos de 200 ms da mucho margen para que el resto del proceso sea bueno. Los servidores con NVMe y LiteSpeed consiguen TFBBs muy bajos.
PHP actualizado: cada versión mayor de PHP mejora el rendimiento de WordPress notablemente. PHP 8.2 o superior es significativamente más rápido que PHP 7.x.
Servidor en España: si tu audiencia es española, tener el servidor en España (como los de BlumHost, ubicados en La Coruña) reduce la latencia física. Una visita desde Madrid a un servidor en Alemania añade ~30-50 ms de latencia base que no se pueden eliminar con ninguna optimización.
LiteSpeed Web Server: si tu hosting usa LiteSpeed en lugar de Apache, tienes ventaja en el manejo de tráfico concurrente y en la integración con LiteSpeed Cache.
Los planes de hosting LiteSpeed de BlumHost incluyen NVMe, LiteSpeed, PHP actualizable y servidores en España: los ingredientes técnicos para conseguir buenas puntuaciones en Core Web Vitals desde la base.
Checklist: pasos para mejorar tus Core Web Vitals
Servidor y hosting:
- ☐ Verifica el TTFB con WebPageTest (objetivo: menos de 200 ms)
- ☐ Comprueba que tu hosting usa NVMe y LiteSpeed
- ☐ Confirma que el servidor está en España si tu audiencia es española
- ☐ Actualiza PHP a la versión más reciente disponible
Imágenes:
- ☐ Convierte imágenes a WebP o AVIF
- ☐ Añade
widthyheighta todos los<img> - ☐ Aplica
loading="lazy"solo a imágenes fuera del área visible inicial - ☐ Identifica y prioriza la imagen LCP con
fetchpriority="high"
JavaScript y CSS:
- ☐ Añade
defera los scripts no críticos - ☐ Revisa qué plugins cargan JS en todas las páginas y desactiva los innecesarios
- ☐ Activa LiteSpeed Cache o equivalente para minificación y combinación
Fuentes y diseño:
- ☐ Precarga las fuentes críticas con
<link rel="preload"> - ☐ Reserva espacio fijo para anuncios y contenido dinámico
- ☐ Añade
font-display: swapa las declaraciones de fuentes web
Con estas mejoras aplicadas, una web correctamente optimizada en un hosting de calidad puede pasar de una puntuación de 40-50 en PageSpeed a valores superiores a 80-90 en móvil. El impacto en posicionamiento y en tasa de conversión es real y medible.
