Velocidad web y Core Web Vitals: cómo afectan tu SEO y tus ventas
La velocidad de tu web no es un detalle técnico: es un factor de ranking en Google y un multiplicador de ventas. Una página lenta pierde dos veces — posiciona peor y convierte peor. Veamos qué medir y qué arreglar primero.
Los tres números que Google mira
| Métrica | Qué mide | Objetivo |
|---|---|---|
| LCP (Largest Contentful Paint) | Cuánto tarda en verse el contenido principal | < 2,5 s |
| INP (Interaction to Next Paint) | Cuánto tarda la página en responder al tocar/clickear | < 200 ms |
| CLS (Cumulative Layout Shift) | Cuánto "salta" el contenido mientras carga | < 0,1 |
Medilos gratis con PageSpeed Insights (datos de usuarios reales si tu sitio tiene tráfico suficiente) y con Lighthouse en Chrome DevTools para diagnóstico de laboratorio.
Por qué impacta tus ventas (no solo tu SEO)
- Más de la mitad de los usuarios móviles abandona si la página tarda más de 3 segundos.
- Cada segundo extra de carga reduce la conversión de forma medible — en e-commerce se documentan caídas de hasta 7% por segundo.
- El tráfico pago se encarece: Google Ads premia páginas rápidas con mejor Quality Score, lo que baja tu costo por clic.
Pagás el anuncio cuando hacen clic, no cuando la página termina de cargar. Todo lo que pasa en el medio es dinero tuyo evaporándose.
Las 7 optimizaciones con más impacto
1. Imágenes: el 80% del problema
Formatos modernos (WebP/AVIF), dimensiones explícitas (evita CLS),
loading="lazy" para todo lo que está bajo el fold y
fetchpriority="high" solo para la imagen del hero.
2. Menos JavaScript
Cada librería que agregás se descarga, parsea y ejecuta en el teléfono de tu cliente. Auditá: ¿ese carrusel necesita 90kb de JS o lo resuelve CSS?
3. Fuentes optimizadas
Self-hosting, font-display: swap y solo los pesos que usás.
Cuatro familias tipográficas con seis pesos cada una es un impuesto a cada
visita.
4. Generación estática (SSG)
Frameworks como Astro o Next.js en modo estático sirven HTML pre-renderizado: el servidor no piensa, solo entrega. Es la arquitectura más rápida posible para landings y sitios de contenido.
5. CDN y caché
Tu página debería servirse desde un servidor cercano al visitante (Vercel, Cloudflare, Netlify lo hacen por defecto).
6. Reservar espacio para todo
Banners, embeds y anuncios que aparecen tarde y empujan el contenido son la causa #1 de CLS. Definí alto y ancho de antemano.
7. Animaciones con cabeza
Animá solo transform y opacity (no disparan
re-layout), usá prefers-reduced-motion y cargá las librerías
de animación después del contenido crítico.
Velocidad + estructura = conversión
Una página rápida con mal mensaje convierte poco; una página persuasiva pero lenta nunca llega a mostrarse. Necesitás ambas: la estructura está en cómo crear una landing que convierta y el resto de las palancas en 15 optimizaciones CRO.
Preguntas frecuentes
¿Qué son los Core Web Vitals?
Son las tres métricas con las que Google mide la experiencia real de carga de tu web: LCP (velocidad de carga del contenido principal), INP (capacidad de respuesta a las interacciones) y CLS (estabilidad visual). Forman parte de los factores de ranking.
¿Cuáles son los valores buenos de Core Web Vitals?
LCP menor a 2,5 segundos, INP menor a 200 milisegundos y CLS menor a 0,1. Google los mide sobre usuarios reales (datos de campo), no solo sobre tests de laboratorio.
¿La velocidad web afecta las ventas?
Directamente. Los estudios muestran caídas de conversión medibles por cada segundo adicional de carga, y más de la mitad de los usuarios móviles abandona páginas que tardan más de 3 segundos.