Lazy Loading

Definición

El lazy loading o carga diferida es una técnica de optimización que retrasa la carga de recursos (imágenes, vídeos, iframes) hasta que son necesarios, es decir, cuando el usuario hace scroll y están a punto de aparecer en pantalla.

Cómo funciona

En lugar de cargar todas las imágenes al abrir la página, solo se cargan las visibles. Cuando el usuario hace scroll hacia abajo, las imágenes se van cargando progresivamente.

Beneficios del lazy loading

Velocidad inicial: La página carga más rápido
Ahorro de datos: Solo se descargan recursos que el usuario ve
Mejor Core Web Vitals: Mejora LCP y reduce tiempo de carga
Menor consumo de servidor: Menos peticiones simultáneas

Implementación

HTML5 nativo con loading="lazy" en imágenes e iframes, o mediante JavaScript para mayor control.

También conocido como:

Carga diferidaCarga perezosa

Términos que te pueden interesar

AJAX

AJAX significa Asynchronous JavaScript And XML y permite que las páginas web se actualicen con datos sin necesidad de actualizar toda la página.

Desarrollo Web

AMP

Acrónimo de Accelerated Mobile Page es un proyecto de Google creado para la mejora de la carga de sitios Web. Las páginas funcionan con el framework AMP HTML. Debido a que los editores lo utilizan con mayor frecuencia, implementar AMP para un blog o un sitio web de noticias es una buena práctica de ...

SEO

Minificación

Proceso de eliminar caracteres innecesarios del código para reducir el tamaño de los archivos.

ALT

El atributo Alt se utiliza en las imágenes y es el texto alternativo para la descripción de las mismas. El texto alternativo ayuda a los motores de búsqueda a saber qué significa cada imagen y cómo la información que transmite encaja con el resto del contenido de la página.

SEO