Contenido de la guía
Por qué la velocidad importa en 2026 más que nunca
Google confirmó en 2024 que las Core Web Vitals son factor de ranking. En 2026 reemplazó FID por INP (Interaction to Next Paint), una métrica más estricta que mide la latencia real de cada click. Un sitio lento ya no compite — es así de simple.
La correlación entre Core Web Vitals y conversiones está documentada: cada 100 ms que reduzcas el LCP suben las ventas un 1-2 % en ecommerce (estudio Akamai 2024).
Las 3 métricas que importan
LCP (Largest Contentful Paint) — meta ≤ 2.5 s
Mide cuánto tarda en aparecer el elemento más grande visible (generalmente la imagen del hero o un H1). Si tu LCP es 4 s, el usuario ve pantalla en blanco demasiado tiempo.
INP (Interaction to Next Paint) — meta ≤ 200 ms
Reemplazó a FID en marzo 2024. Mide la latencia de cada interacción (click, tap, scroll). Si tu sitio tiene scripts pesados, el INP se dispara.
CLS (Cumulative Layout Shift) — meta ≤ 0.1
Mide los "saltos" de layout: cuando una imagen carga tarde y empuja el botón hacia abajo, justo cuando el usuario iba a hacer click. Un CLS alto destruye la UX y el ranking.
Cómo medir tus Core Web Vitals
- PageSpeed Insights (pagespeed.web.dev) — datos reales de Chrome de los últimos 28 días + análisis instantáneo.
- Google Search Console → sección "Experiencia" → "Métricas web principales". Te muestra qué URLs son malas/buenas a nivel agregado.
- Web Vitals Extension para Chrome — métricas en vivo mientras navegás tu sitio.
Medí en celular (no escritorio): el 70-80 % del tráfico en Perú es móvil.
Las 7 optimizaciones que más impacto generan
1. Convierte tus imágenes a WebP/AVIF
Una imagen JPG de 800 KB pasa a 150 KB en WebP sin pérdida visible. Plugin recomendado: ShortPixel o Imagify . En servidor LiteSpeed, LSCache lo hace nativo.
2. Lazy loading nativo
Agregá loading="lazy" a todas las imágenes que estén bajo el fold. WordPress lo hace por defecto desde 5.5, pero verificá con DevTools que esté activo.
3. Cache server-side
Sin caché, cada visita ejecuta PHP + consultas SQL. Plugins recomendados:
- LiteSpeed Cache si tu hosting es LSWS (mejor opción)
- W3 Total Cache o WP Rocket en Apache/Nginx
4. Minifica y combina CSS/JS
Reduce peso y cantidad de requests. WP Rocket lo hace en 1 click; manualmente con Autoptimize o LiteSpeed Cache.
5. CDN (Cloudflare gratis es suficiente)
Servir assets desde el nodo más cercano al usuario reduce LCP brutalmente. Cloudflare gratis te da CDN, WAF y SSL en 10 minutos.
6. Preload del hero image
Agregá <link rel="preload" as="image" href="hero.webp" al head para que Chrome empiece a descargarla antes de parsear todo el HTML.
7. Diferí o eliminá scripts de terceros
Google Analytics, Facebook Pixel, chat widgets, mapas embebidos: todos suman INP. Cargalos con defer , después del onload, o cuando el usuario interactúa.
Cómo bajar el INP específicamente
INP es la métrica más difícil. Tips:
- Eliminá setTimeout largos en handlers de click.
- Usá Web Workers para tareas pesadas.
- Reducí JavaScript no usado (Coverage en DevTools te muestra cuánto).
- Si usás React, evitá rerenders innecesarios con useMemo y React.memo .
El ROI real de optimizar
Un cliente nuestro tenía LCP de 4.8 s y CLS de 0.4. Tras optimizar:
Métrica — Antes — Después
LCP — 4.8 s — 1.9 s
INP — 380 ms — 130 ms
CLS — 0.4 — 0.05
Tasa de rebote — 62 % — 41 %
Conversiones (mes) — 47 — 78
El sitio mismo, mismo tráfico, solo optimización. 66 % más conversiones .
Conclusión
Velocidad ya no es un "nice to have": es el costo de entrada para competir en Google. Si tu sitio carga en más de 3 s, estás perdiendo el 50 % de las ventas potenciales antes de que el usuario vea tu producto.
En DATXALE auditamos tu sitio gratis con PageSpeed + Search Console y te damos un plan de mejora priorizado por ROI. Conversemos por WhatsApp.