Carga diferida
La carga diferida retrasa la carga de recursos no esenciales, como imágenes o vídeos, hasta que se necesiten. Esto reduce el tiempo de carga inicial de la página y mejora el rendimiento percibido.
La carga diferida permite que los navegadores se centren primero en el contenido de la parte superior de la página, lo que mejora tanto la experiencia del usuario como las métricas de rendimiento.
Un blog con artículos extensos implementó la carga diferida de imágenes nativas. El tiempo de carga inicial se redujo un 35 %, mientras que el desplazamiento se mantuvo fluido.
¿Qué debería cargarse de forma diferida?
- Imágenes debajo del pliegue
- Vídeos incrustados
- Widgets de terceros
Evite la carga diferida de elementos que afectan el LCP, como las imágenes de héroe.
Mejores prácticas
- Utilice la carga diferida nativa (loading="lazy") siempre que sea posible
- Asegúrese de que el contenido siga siendo rastreable
- Pruebe el comportamiento en distintos dispositivos y navegadores
La carga diferida debería mejorar la velocidad, no ocultar el contenido a los usuarios o rastreadores.
Problemas comunes de carga diferida
- Carga diferida de imágenes en la parte superior de la página
- Bloqueo de la representación de contenido
- Carga diferida basada en JavaScript que los motores de búsqueda no pueden procesar