¿Debo usar lazy loading en todas las imágenes?

No. No uses lazy en imágenes above the fold—afectan LCP. Usa loading="lazy" en imágenes más abajo. Deja que hero y banner carguen de inmediato.

Lazy loading de imágenes—Mejorar carga de página 2026

Nuevo2026-02-011 min lectura1 herramienta

Carga imágenes solo cuando se necesitan. Reduce la carga inicial. Guía para desarrolladores.

Las imágenes cargan solo cuando entran en el viewport. Reduce tiempo de carga inicial y uso de datos.

Añade loading="lazy" a las etiquetas img. Los navegadores modernos lo soportan nativamente. No requiere JavaScript.

¿Cómo funciona el lazy loading?: Las imágenes cargan solo cuando el usuario hace scroll hasta ellas. Añade loading="lazy" a las etiquetas img—los navegadores modernos lo soportan nativamente. La carga inicial de página es más rápida, ahorra datos. Core Web Vitals mejora.
¿Debo usar lazy loading en todas las imágenes?: No. No uses lazy en imágenes above the fold—afectan LCP. Usa loading="lazy" en imágenes más abajo. Deja que hero y banner carguen de inmediato.