AdhocDigital · Web, SEO e IA para pymes y autónomos
Tecnología útil para que autónomos y pymes vendan más en 90 días. Web + SEO + IA integrados sin
complicaciones técnicas.
Nuestros servicios
Diseño web profesional
Webs rápidas, responsive y optimizadas para convertir visitantes en clientes.
SEO local
Posicionamiento en Google Maps y búsquedas locales para atraer clientes de tu zona.
Automatización con IA
Chatbots, respuestas automáticas y herramientas de inteligencia artificial para ahorrar tiempo.
SEO
Core Web Vitals: qué son, cómo medirlos y por qué Google los usa para posicionarte
2025-02-04
13 min
Ramón Cabrera
Compartir artículo
¿Qué son los Core Web Vitals?
Los Core Web Vitals son tres métricas de rendimiento web definidas por Google —LCP (velocidad de carga), INP (capacidad de respuesta) y CLS (estabilidad visual)— que miden la experiencia real del usuario y forman parte del algoritmo de posicionamiento desde 2021. Optimizarlos mejora tanto el SEO como la tasa de conversión.
En otras palabras: si tu web es lenta, se mueve mientras cargas o tarda en responder a los clics, Google lo detecta y puede penalizarte en los resultados de búsqueda.
💡 Lo importante:
Los Core Web Vitals no son la única variable de SEO, pero sí un factor de desempate importante cuando compites con webs de contenido similar. Una web rápida y estable tiene ventaja.
Las tres métricas principales son:
• LCP (Largest Contentful Paint): velocidad de carga del contenido principal
• INP (Interaction to Next Paint): tiempo de respuesta a interacciones del usuario
• CLS (Cumulative Layout Shift): estabilidad visual durante la carga
Vamos a desglosar cada una y ver cómo mejorarlas.
LCP: Largest Contentful Paint
LCP mide cuánto tarda en aparecer el elemento más grande visible en la pantalla (generalmente una imagen hero, un bloque de texto o un vídeo).
Rangos de LCP según Google:
• ✅ Bueno: menos de 2.5 segundos
• ⚠️ Necesita mejora: entre 2.5 y 4 segundos
• ❌ Pobre: más de 4 segundos
Causas comunes de LCP lento:
• Servidor lento: tu hosting tarda en responder
• Imágenes sin optimizar: fotos pesadas en JPG sin comprimir
• CSS/JS bloqueante: archivos que frenan el renderizado
• Fuentes web lentas: Google Fonts sin preload o con muchas variantes
Cómo mejorar LCP:
• Optimiza imágenes: convierte a WebP/AVIF, comprime con TinyPNG, usa lazy loading excepto en hero
• Mejora el servidor: usa CDN (Cloudflare, Bunny.net), activa caché HTTP, considera hosting más rápido
• Precarga recursos críticos: añade <link rel="preload"> para fuentes e imágenes hero
• Minimiza CSS/JS: elimina código no usado, defer/async en scripts no críticos
• Usa srcset/picture: sirve imágenes responsive según tamaño de pantalla
FID/INP: First Input Delay e Interaction to Next Paint
Hasta marzo de 2024, Google medía FID (First Input Delay), que calculaba el retraso desde el primer clic hasta que la web respondía. Ahora lo ha reemplazado por INP (Interaction to Next Paint), que mide todas las interacciones durante la sesión del usuario, no solo la primera.
Rangos de INP según Google:
• ✅ Bueno: menos de 200 ms
• ⚠️ Necesita mejora: entre 200 y 500 ms
• ❌ Pobre: más de 500 ms
Causas comunes de INP alto:
• JavaScript pesado: librerías grandes o código mal optimizado
• Tareas largas en el hilo principal: scripts que bloquean interacciones
• Renderizados costosos: animaciones complejas o manipulación excesiva del DOM
Cómo mejorar INP:
• Reduce JavaScript: elimina librerías no usadas, usa tree-shaking
• Divide tareas largas: usa setTimeout/requestIdleCallback para fragmentar código pesado
• Optimiza event handlers: debounce/throttle en scroll/resize, usa passive listeners
• Evita layouts síncronos forzados: batch de lecturas/escrituras del DOM
• Usa Web Workers: mueve cálculos pesados fuera del hilo principal
CLS: Cumulative Layout Shift
CLS mide la estabilidad visual de tu web. Si elementos se mueven mientras carga (botones que saltan, texto que se recoloca, imágenes que empujan contenido), Google lo penaliza porque genera mala experiencia (haces clic en un botón y terminas clicando en un banner).
Rangos de CLS según Google:
• ✅ Bueno: menos de 0.1
• ⚠️ Necesita mejora: entre 0.1 y 0.25
• ❌ Pobre: más de 0.25
Causas comunes de CLS alto:
• Imágenes sin dimensiones: no defines width/height y la imagen empuja contenido al cargar
• Banners publicitarios dinámicos: anuncios que aparecen de golpe sin espacio reservado
• Fuentes web: FOIT/FOUT (Flash of Invisible/Unstyled Text) que cambia tamaño de texto
✓ Define width/height en todas las imágenes/vídeos
✓ Reserva espacio para ads/banners (min-height)
✓ Optimiza fuentes (font-display: swap, preload)
✓ Evita insertar contenido arriba del viewport sin espacio reservado
Impacto real en el posicionamiento
¿Cuánto afecta a mi SEO? Los Core Web Vitals son un factor de desempate, no un milagro. Si tu contenido es irrelevante o tu web tiene problemas estructurales graves, optimizar CWV no te salvará. Pero si compites con webs de calidad similar, puede ser decisivo.
📈 Caso real:
Un e-commerce de moda mejoró su LCP de 4.2s a 2.1s y su CLS de 0.18 a 0.05. Resultado: +23% tráfico orgánico en 3 meses y +15% conversión (la web más rápida retiene más usuarios).
Lo importante: Google premia la experiencia de usuario. Si tu web es rápida, estable y responde bien, el usuario se queda más tiempo, interactúa más y convierte mejor. Eso envía señales positivas que refuerzan tu posicionamiento.
Prioridades según tu situación:
• Web nueva o con poco tráfico: enfócate primero en contenido y estructura SEO básica (keywords, títulos, enlaces internos). CWV vendrá después.
• Web con tráfico pero bajo engagement: optimiza CWV urgente. Es probable que la lentitud esté expulsando usuarios.
• E-commerce o landing con conversión: CWV es crítico. Cada décima de segundo cuenta en la decisión de compra.
Checklist de optimización Core Web Vitals
Usa esta checklist para revisar tu web:
✅ LCP (Largest Contentful Paint)
☐ Imágenes optimizadas en WebP/AVIF con compresión
☐ CDN activa y caché HTTP configurada
☐ Preload de fuentes e imagen hero
☐ CSS crítico inline, defer en scripts no críticos
☐ Hosting con tiempo de respuesta menor a 200ms
✅ INP (Interaction to Next Paint)
☐ JavaScript minimizado y tree-shaking aplicado
☐ Tareas largas divididas (menor a 50ms)
☐ Event handlers optimizados (debounce/throttle)
☐ Passive event listeners en scroll/touchmove
☐ Web Workers para cálculos pesados
✅ CLS (Cumulative Layout Shift)
☐ Width/height definidos en imágenes, vídeos e iframes
☐ Espacio reservado para ads/banners dinámicos
☐ font-display: swap + preload en fuentes web
☐ aspect-ratio CSS en contenedores de media
☐ Contenido dinámico insertado sin empujar viewport
🎯 Recomendación final:
No intentes optimizar todo a la vez. Empieza por la métrica con peor puntuación en PageSpeed Insights (field data si está disponible). Mide, aplica cambios, vuelve a medir. Iteración constante.
¿Tu web cumple con los Core Web Vitals?
Analizamos tu sitio y te damos un informe detallado con acciones concretas para mejorar LCP, INP y CLS.
Especialista en desarrollo web, SEO e inteligencia artificial aplicada a pymes. Lidera AdhocDigital con un enfoque práctico: resultados medibles, sin humo.
