Core Web Vitals 2026: cómo mejorar la velocidad de tu sitio en El Salvador
Google usa los Core Web Vitals como factor de ranking desde 2021, y en 2026 pesan más que nunca. Si tu sitio carga lento en El Salvador (donde el 4G aún domina), estás perdiendo posiciones y conversiones a la vez. Esta guía explica qué medir, cómo medirlo y qué arreglar primero.
Qué son los Core Web Vitals
Son tres métricas oficiales de Google que miden la experiencia real de tus visitantes: qué tan rápido aparece el contenido, qué tan rápido responde a interacciones y qué tan estable es el diseño mientras carga.
En 2026 las métricas vigentes son LCP (Largest Contentful Paint), INP (Interaction to Next Paint, que reemplazó a FID) y CLS (Cumulative Layout Shift).
Los umbrales que Google considera 'buenos'
Estos son los valores objetivo que debes alcanzar en móvil:
- —LCP: menos de 2.5 segundos (qué tan rápido aparece el bloque principal).
- —INP: menos de 200 ms (qué tan rápido responde tu sitio al tocarlo).
- —CLS: menos de 0.1 (cuánto se mueve el diseño mientras carga).
- —TTFB: menos de 800 ms (tiempo del servidor hasta el primer byte).
Cómo medir tu sitio en 5 minutos
Usa estas herramientas gratuitas, en este orden:
- —PageSpeed Insights: te da datos de campo (CrUX) y de laboratorio.
- —Search Console > Experiencia > Core Web Vitals: muestra URLs lentas reales.
- —Chrome DevTools > Lighthouse: diagnóstico técnico página por página.
- —Web Vitals Extension: monitoreo en vivo mientras navegas.
Cómo mejorar el LCP (lo más rápido posible)
El LCP suele depender de imágenes, fuentes y hosting. Ataca en este orden:
- —Comprime imágenes a WebP/AVIF y sirve tamaños responsive.
- —Marca la imagen del hero con fetchpriority='high' y precarga con <link rel='preload'>.
- —Usa un CDN con presencia en Latinoamérica (Cloudflare, Bunny, Vercel).
- —Evita fuentes pesadas: usa font-display: swap y subsets locales.
- —Renderiza HTML estático (SSR/SSG) cuando sea posible.
Cómo bajar el INP por debajo de 200 ms
INP castiga a sitios con JavaScript pesado. Reduce el trabajo del hilo principal:
- —Divide bundles con code-splitting por ruta.
- —Difiere scripts de terceros (chat, píxeles, analytics) con defer o requestIdleCallback.
- —Elimina librerías duplicadas y polyfills innecesarios.
- —Usa transitions o useDeferredValue en React para updates costosos.
Cómo estabilizar el CLS
CLS se rompe por elementos que aparecen tarde y empujan el contenido:
- —Define width y height explícitos en todas las imágenes y videos.
- —Reserva espacio para banners, anuncios y embebidos.
- —Precarga fuentes para evitar el salto FOUT/FOIT.
- —Evita insertar contenido encima de lo ya visible.
Por qué esto importa más en El Salvador
La mayoría del tráfico salvadoreño viene de móviles con redes 4G y datos limitados. Cada segundo extra de carga puede costar 7% de conversiones según Google.
Sitios optimizados rankean mejor para búsquedas locales y reducen el costo por clic en Google Ads, porque mejoran el Quality Score.
¿Tu sitio reprueba Core Web Vitals? Solicita una auditoría técnica con TaskMasters.