Las webs lentas no solo frustran a los visitantes. Reducen directa y de forma medible el porcentaje de visitantes que actúan — rellenan un formulario, hacen una compra o reservan una llamada. Este es uno de los hallazgos más consistentemente respaldados en la investigación sobre rendimiento web, y afecta a todo tipo de negocio.
Esto es lo que dicen los datos, por qué ocurre y qué hacer al respecto.
Los Datos: Velocidad y Tasa de Conversión
La investigación interna de Google descubrió que pasar de un tiempo de carga de 7 segundos a uno de 1 segundo puede aumentar la tasa de conversión móvil hasta 3,5 veces. Un estudio independiente de Portent encontró que una web que carga en 1 segundo convierte 2,5 veces mejor que una que carga en 5 segundos.
El hallazgo más citado — que cada segundo adicional de tiempo de carga reduce las conversiones en aproximadamente un 7 % — es una estimación conservadora. El impacto real depende en gran medida de tu audiencia, la mezcla de dispositivos y el sector.
Para los e-commerce, el impacto es el más claramente medible. Una investigación de Akamai encontró que un retraso de 100 milisegundos en el tiempo de carga de la página reducía la tasa de conversión en un 7 % en contextos de e-commerce. A escala, los milisegundos importan.
Para negocios de servicios y SaaS, el mecanismo es ligeramente distinto. Una página lenta aumenta la probabilidad de que un visitante se vaya antes de entender tu propuesta — reduciendo el conjunto de visitantes que llegan siquiera al momento de conversión.
Las Tres Métricas de Velocidad que Importan
Desde 2024, el algoritmo de posicionamiento de Google usa los Core Web Vitals como señal de experiencia de página. Entender estas métricas te ayuda a priorizar qué problemas de rendimiento corregir primero. Para una guía paso a paso sobre cómo mejorar cada métrica en un sitio Next.js, consulta nuestra guía de Core Web Vitals.
LCP (Largest Contentful Paint) — Cuánto tarda en ser visible el contenido principal de la página. Debería ser inferior a 2,5 segundos. Un LCP deficiente es la causa más común de tasas de rebote altas en móvil.
INP (Interaction to Next Paint) — Cómo de receptiva es la página a las interacciones del usuario durante toda la sesión. Debería ser inferior a 200 ms. Un INP deficiente hace que una página se sienta lenta incluso después de haber cargado.
CLS (Cumulative Layout Shift) — Cuánto se mueve inesperadamente el diseño de la página mientras carga. Debería ser inferior a 0,1. Un CLS alto provoca que los usuarios hagan clic por error en elementos que se han movido.
Una página con buenas puntuaciones de Core Web Vitals casi siempre convertirá mejor que una página lenta equivalente, porque transmite al visitante que el negocio se preocupa por su experiencia.
Causas Comunes de Webs Lentas
Imágenes sin optimizar. La causa más común de páginas lentas son imágenes grandes y sin comprimir servidas en formatos heredados (JPEG, PNG) en lugar de formatos modernos (WebP, AVIF). Una imagen de hero de 2 MB entregada como JPEG a un visitante móvil es un problema de rendimiento significativo y trivialmente solucionable.
Demasiados scripts de terceros. Cada herramienta de marketing, plataforma de analítica, widget de chat en vivo y etiqueta de red publicitaria que añades a tu web carga su propio JavaScript. Estos scripts bloquean el hilo principal y retrasan la interactividad. Una web de marketing típica carga entre 8 y 15 scripts de terceros. Cada uno añade entre 50 y 200 ms a tu tiempo de carga.
Sin CDN. Si tu web se sirve desde un único servidor situado lejos de tu audiencia, tus visitantes experimentarán más latencia de la necesaria. Una CDN (Content Delivery Network) sirve tu web desde ubicaciones perimetrales cercanas a tus visitantes.
Hosting demasiado lento. Un hosting compartido con un tiempo de primer byte (TTFB) lento limita el techo de cualquier otra optimización de rendimiento. Tu servidor debería responder en menos de 200 ms.
Frameworks pesados en JavaScript mal configurados. Las aplicaciones React, Vue y Angular que cargan todo su bundle de JavaScript en cada visita de página serán lentas en dispositivos móviles de gama baja, independientemente de la velocidad de conexión.
Soluciones que Marcan la Diferencia
En orden de prioridad:
1. Optimiza las imágenes. Convierte a WebP o AVIF. Comprime sin pérdida visible de calidad. Sirve imágenes con el tamaño adecuado para el dispositivo (una imagen de 1200 px de ancho en una pantalla de 390 px es un desperdicio). Si usas Next.js, el componente next/image gestiona esto automáticamente.
2. Difiere los scripts no críticos. Carga las herramientas de analítica y marketing con defer o async. Usa Google Tag Manager para consolidar la carga de etiquetas. Elimina cualquier script que no uses activamente.
3. Cambia a un mejor hosting. Vercel, Netlify o Cloudflare Pages para sitios estáticos y JAMstack. Sirven desde CDN perimetral por defecto y suelen lograr un TTFB inferior a 50 ms.
4. Reduce el tamaño del bundle de JavaScript. Audita qué hay en tu bundle principal de JavaScript. Elimina dependencias no usadas. Divide el código para cargar solo lo necesario para la página actual.
5. Implementa carga diferida para imágenes debajo del pliegue. Las imágenes que no son visibles de inmediato no necesitan cargarse de inmediato. Usa el atributo loading="lazy" en las imágenes debajo del pliegue.
Medir el Impacto Después de la Corrección
Sigue tus Core Web Vitals en Google Search Console antes y después de las mejoras. Los datos de campo tienen una ventana móvil de 28 días, así que dale entre cuatro y seis semanas para que los cambios posteriores a la corrección aparezcan en los datos.
Sigue la tasa de conversión en Google Analytics 4 creando un segmento de sesiones de páginas con buenos Core Web Vitals frente a páginas con puntuaciones deficientes, y compara las tasas de conversión. La diferencia cuantificará el impacto de negocio de tus mejoras de rendimiento.
Las mejoras de velocidad se enmarcan dentro de un conjunto más amplio de factores de SEO técnico — nuestra checklist de SEO técnico cubre los 20. Si quieres saber en qué punto está tu web ahora mismo, una auditoría gratuita de Dricomm cubre los Core Web Vitals junto con el SEO técnico. También reconstruimos webs lentas en Next.js — consulta nuestros servicios de diseño web para ver qué incluyen.
¿Listo para hacer crecer tu negocio online? Consigue tu auditoría gratis →