Core Web Vitals: guía completa para empresas en Chile

Qué son los Core Web Vitals

Tres métricas estandarizadas que miden experiencia real del usuario en web móvil y desktop.

Core Web Vitals son métricas Web Vital que Google promovió a factor de ranking en 2021. Originalmente eran LCP, FID y CLS. En marzo 2024, INP reemplazó a FID porque mide responsividad de forma más completa.

Las métricas se miden con datos de campo reales (CrUX – Chrome User Experience Report) más que con tests sintéticos de laboratorio. Esto significa que tu Lighthouse local puede mostrar buenos valores pero CrUX muestra realidad distinta de usuarios reales en sus dispositivos reales.

Para empresas chilenas la realidad operativa es: mayoría del tráfico viene de mobile sobre 4G, con dispositivos gama media (Samsung Galaxy A14 representativo). Optimizar para mobile chileno es prioridad absoluta.

• LCP – velocidad de carga del elemento principal
• INP – responsividad ante interacciones reales
• CLS – estabilidad visual durante carga

LCP en profundidad

Largest Contentful Paint y cómo optimizarlo a niveles competitivos.

LCP mide el tiempo desde solicitud de la página hasta render del elemento más grande visible en el viewport inicial. Típicamente es la imagen hero, el título principal o un video.

Thresholds oficiales: bueno bajo 2.5s, necesita mejora entre 2.5s y 4s, malo sobre 4s. Sitios competitivos apuntan a bajo 1.5s en mediana 4G mobile.

Causas comunes de LCP alto en sitios chilenos: imágenes hero sin optimizar pesando 2-5MB, fuentes web que bloquean render, JavaScript que retrasa parsing del HTML, hosting compartido lento (HostGator, GoDaddy, Bluehost), ausencia de CDN.

Optimizaciones efectivas: convertir imágenes a AVIF o WebP con fallback, fetchpriority="high" en imagen hero, preload de fuentes críticas con font-display: swap, eliminar render-blocking JavaScript, migrar a hosting edge (Cloudflare Pages, Vercel, Netlify).

INP en profundidad

Interaction to Next Paint, métrica más estricta que su antecesor FID.

INP mide el peor caso de latencia entre todas las interacciones del usuario (click, tap, key press) durante toda la sesión. FID solo medía la primera interacción; INP captura realidad completa.

Thresholds: bueno bajo 200ms, necesita mejora entre 200ms y 500ms, malo sobre 500ms. Sitios competitivos apuntan a bajo 100ms.

Causas comunes de INP alto: exceso de JavaScript ejecutándose en main thread, plugins WordPress mal optimizados, código de tracking pesado (Hotjar, FullStory cargados sin defer), animaciones que no usan GPU.

Optimizaciones efectivas: code splitting agresivo, lazy loading de componentes interactivos no críticos, mover trabajo pesado a Web Workers, usar requestIdleCallback para tareas no críticas, eliminar plugins WordPress innecesarios.

INP es donde más fácilmente se pierde competitividad en 2026. La mayoría de sitios WordPress chilenos están en rojo profundo (600ms+) y ni se dan cuenta.

CLS en profundidad

Cumulative Layout Shift, métrica de estabilidad visual.

CLS mide cuánto se desplazan elementos visualmente durante la carga sin que el usuario lo provoque. Cada shift se calcula como impacto del elemento por distancia que se mueve.

Thresholds: bueno bajo 0.1, necesita mejora entre 0.1 y 0.25, malo sobre 0.25. Sitios bien construidos llegan a 0 absoluto.

Causas comunes: imágenes sin width/height definidos, fuentes web que cambian tamaño al cargar (FOUT/FOIT), banners de cookies que aparecen tarde, ads que se cargan dinámicamente, contenido inyectado por JavaScript después del render inicial.

Optimizaciones efectivas: width y height explícitos en toda imagen, font-display: optional para fuentes secundarias, reservar espacio con CSS aspect-ratio, banners de cookies con altura fija desde primer render, ads en contenedores con dimensiones predefinidas.

Herramientas de medición

Stack mínimo de medición para Core Web Vitals.

PageSpeed Insights de Google es gratuito y combina datos de laboratorio (Lighthouse) con datos de campo (CrUX). Es la fuente más práctica para diagnóstico inicial.

Search Console tiene reporte específico de Core Web Vitals con datos agregados del sitio completo y URLs problemáticas identificadas. Es indispensable.

Para monitoreo continuo: web-vitals.js librería oficial de Google para enviar datos reales a Google Analytics o backend propio. Calibre, SpeedCurve, DebugBear para monitoreo profesional con alertas.

Estrategias de optimización

Plan operativo para sitios chilenos en cada nivel de baseline.

Si tu LCP está sobre 4s: la causa es estructural y requiere intervenir el stack. Migrar a Astro/Next.js sobre Cloudflare Pages resuelve la mayoría de casos. Mantener WordPress requiere hosting premium tipo Kinsta y optimización agresiva de imágenes.

Si tu INP está sobre 500ms: revisar todos los plugins JavaScript y eliminar los no críticos. Implementar code splitting. Diferir analytics y trackers no esenciales hasta interaction o load.

Si tu CLS está sobre 0.25: el problema es de implementación, no de stack. Auditar cada elemento del above-the-fold y reservar espacio explícito. Cookies banner es culpable frecuente.

Mantenimiento sostenido

Core Web Vitals se degradan con el tiempo si no hay vigilancia activa.

Causas comunes de degradación: marketing agrega scripts de tracking sin coordinar, plugins nuevos sumados al sitio, contenido editorial sin imágenes optimizadas, terceros (CRM widgets, chats) que aumentan footprint.

Mejor práctica: budget de performance acordado con todo el equipo (LCP máximo 2s, JS máximo 200KB inicial), CI/CD que falla builds que exceden budget, monitoreo continuo con alertas a Slack o email cuando métricas degradan.

Auditoría trimestral mínima recomendada para sitios serios. Auditoría mensual para sitios con tráfico crítico.