La velocidad web y los Core Web Vitals son factores de ranking oficiales de Google desde 2021. Si tu web tarda en cargar o tiene una mala experiencia de usuario medida por estas métricas, Google te penaliza directamente en los resultados de búsqueda. En este artículo te explico qué son los Core Web Vitals, cómo se miden y qué puedes hacer para mejorarlos.
¿Qué son los Core Web Vitals?
Los Core Web Vitals son un conjunto de métricas definidas por Google para medir la experiencia real de usuario al cargar una página web. No son indicadores abstractos: miden lo que el usuario percibe cuando abre tu web desde su móvil o su ordenador.
Desde la actualización Page Experience de Google (mayo 2021, con rollout completo en agosto 2021), estas métricas forman parte oficial del algoritmo de ranking. Una web con malos Core Web Vitals puede perder posiciones frente a competidores con contenido similar pero mejor experiencia técnica.
Las 3 métricas principales de los Core Web Vitals
LCP — Largest Contentful Paint (Carga del elemento principal)
El LCP mide cuánto tiempo tarda en aparecer el elemento visual más grande visible en la pantalla: normalmente una imagen hero, un banner o un bloque de texto grande. Es la percepción de “la página ya ha cargado”.
- Bueno: menos de 2,5 segundos.
- Necesita mejora: entre 2,5 y 4 segundos.
- Malo: más de 4 segundos.
Las causas más habituales de un LCP malo son imágenes sin optimizar (demasiado pesadas o en formato incorrecto), un servidor lento o sin caché, y recursos que bloquean el renderizado como JavaScript o CSS no diferidos.
INP — Interaction to Next Paint (Respuesta a la interacción)
El INP reemplazó al FID (First Input Delay) en marzo de 2024. Mide la capacidad de respuesta de la página a las interacciones del usuario: cuánto tiempo pasa entre que el usuario hace click, toca la pantalla o escribe, y el navegador actualiza visualmente la página.
- Bueno: menos de 200 milisegundos.
- Necesita mejora: entre 200 y 500 ms.
- Malo: más de 500 ms.
Un INP malo suele deberse a JavaScript pesado que ocupa el hilo principal del navegador, plugins mal desarrollados (muy común en WordPress) o tareas de larga duración en el main thread.
CLS — Cumulative Layout Shift (Estabilidad visual)
El CLS mide cuánto se mueven los elementos de la página mientras carga. El ejemplo clásico: estás leyendo un artículo y de repente todo el texto se desplaza porque ha cargado un banner publicitario. Ese desplazamiento es un shift de layout, y cuanto más ocurre, peor es el CLS.
- Bueno: menos de 0,1.
- Necesita mejora: entre 0,1 y 0,25.
- Malo: más de 0,25.
Las causas principales son imágenes sin dimensiones definidas en el HTML, fuentes web que se cargan tarde y desplazan el texto, y anuncios o embeds sin espacio reservado.
Cómo medir los Core Web Vitals de tu web
Hay dos tipos de datos de Core Web Vitals que debes conocer:
- Datos de laboratorio: simulados en condiciones controladas. Los genera PageSpeed Insights, Lighthouse o GTmetrix. Son útiles para diagnosticar problemas pero no reflejan la experiencia real de tus usuarios.
- Datos de campo (CrUX): datos reales de usuarios que han visitado tu web, recogidos por Chrome. Google los usa para el ranking. Los puedes ver en Google Search Console (sección “Experiencia de página”) y en PageSpeed Insights.
Lo que importa para el SEO son los datos de campo, no los de laboratorio. Puedes tener una puntuación de 95 en PageSpeed y aun así tener Core Web Vitals malos si tus usuarios reales experimentan problemas.
Cómo mejorar los Core Web Vitals en WordPress
WordPress es el CMS más usado en España y también el que más problemas de rendimiento genera si no se configura correctamente. Las mejoras más efectivas que aplicamos en las webs de nuestros clientes:
Optimización de imágenes
- Convertir imágenes a formato WebP o AVIF (hasta un 30% menos de peso con la misma calidad visual).
- Añadir atributo
loading="lazy"en imágenes fuera del viewport inicial. - Usar
fetchpriority="high"en la imagen hero para acelerar el LCP. - Definir siempre width y height en las imágenes para evitar CLS.
Optimización del servidor y caché
- Usar un hosting con servidores rápidos y ubicados en España o Europa (latencia más baja para usuarios locales).
- Activar caché de página con plugins como WP Rocket, W3 Total Cache o LiteSpeed Cache.
- Usar una CDN (Content Delivery Network) para servir recursos estáticos desde servidores cercanos al usuario.
- Activar compresión Gzip o Brotli en el servidor.
Optimización de JavaScript y CSS
- Diferir JavaScript no crítico para que no bloquee el renderizado de la página.
- Minificar y combinar archivos CSS y JS para reducir el número de peticiones HTTP.
- Eliminar plugins innecesarios: cada plugin activo en WordPress puede añadir scripts y estilos que ralentizan la web.
- Usar Critical CSS: cargar primero solo el CSS necesario para el contenido visible y diferir el resto.
¿Cuánto impacto tienen los Core Web Vitals en el SEO?
Hay debate en la comunidad SEO sobre cuánto peso exacto tienen los Core Web Vitals en el ranking. Lo que está claro por los estudios de correlación y los tests A/B publicados por Google es que:
- Pasar de “Needs Improvement” a “Good” en Core Web Vitals tiene un impacto positivo medible en el ranking, especialmente en mercados competitivos.
- El impacto es mayor en mobile que en desktop.
- Una web con Core Web Vitals malos puede perder posiciones frente a competidores con contenido similar pero mejor experiencia.
- Google ha confirmado que es un factor de desempate: cuando dos páginas tienen calidad de contenido similar, la experiencia técnica pesa.
¿Necesitas mejorar la velocidad y los Core Web Vitals de tu web?
En King-Com analizamos el rendimiento técnico de webs WordPress y PrestaShop de empresas en Sabadell, Barcelona y toda Cataluña. Si tu web tiene Core Web Vitals malos o simplemente va lenta, te decimos exactamente qué está causando el problema y cómo arreglarlo.
Contacta con nosotros para un análisis gratuito de rendimiento. Sin compromiso y sin rodeos.
Leave a Reply