Sliders, enemigos de todos los tiempos: por qué tu web es lenta

Cuando analizamos una web con Lighthouse, Google mide 5 tiempos distintos, cada uno con un peso diferente en la puntuación final. A continuación te explicamos qué significa cada métrica y, después, por qué los sliders suelen ser un problema tanto de velocidad como de usabilidad.

Qué mide realmente Google con Lighthouse

FCP (First Contentful Paint) · Peso 10%

Es el momento en que el usuario ve algo en pantalla por primera vez. Si tarda mucho, el usuario piensa que la web no carga y se va.

SI (Speed Index) · Peso 10%

Mide qué tan rápido se «crea» visualmente todo el contenido. Es la velocidad general de aparición de la página.

LCP (Largest Contentful Paint) · Peso 25%

El elemento más grande de la pantalla (normalmente una imagen o el bloque principal de texto). Es la métrica que más se asocia a «la web ya cargó».

TBT (Total Blocking Time) · Peso 30%

El más importante. El tiempo en que el navegador está ocupado ejecutando código que no son clics o toques del usuario. Aquí es donde el JavaScript pesado se nota más.

CLS (Cumulative Layout Shift) · Peso 25%

Mide si los elementos «saltan» mientras carga la página. ¿Te ha pasado que vas a hacer clic y el botón se mueve, haciendo que falles o vayas a otro lugar? Eso es CLS.

A los clientes les encantan los sliders, a los desarrolladores no tanto

Hay un motivo técnico de peso: los sliders suelen añadir JavaScript extra justo en la parte alta de la web, precisamente donde más impactan el FCP y el LCP (además de imágenes o vídeos), ralentizando exactamente el momento que el usuario más nota.

Pero el problema no es solo de velocidad, es también de comportamiento del usuario.

El comportamiento real del usuario al entrar en una web

En la práctica, ningún visitante se queda 3, 5 o 7 segundos esperando pasivamente a que el slider cambie de imagen o de vídeo. Lo que hace, en los primeros 1-3 segundos, es leer el titular de arriba y, después, igual que en redes sociales (por costumbre), hacer scroll hacia abajo.

Eso significa una cosa clara: la segunda información de la página es tan importante como la primera. No tiene sentido concentrar todo el esfuerzo de conversión solo en la parte alta (hero + slider) si el usuario ya está bajando.

La solución: imagen fija y CTA en cada bloque

En lugar de bloquear la atención arriba con un slider, conviene usar una imagen fija: el engagement y la emocionalidad se transmiten igual, sin penalizar la velocidad de carga. Y acompañar el scroll.

Cada bloque de la página debería tener su propio CTA útil, pensado para convertir en ese punto exacto del recorrido.