Carga diferida
Técnica que retrasa la carga de imágenes y contenido fuera de pantalla hasta que el usuario se acerca al desplazarse, reduciendo el tiempo de carga inicial.
La carga diferida mejora el rendimiento al cargar inicialmente solo el contenido visible en la ventana gráfica. Las imágenes situadas por debajo del primer pliegue permanecen como marcadores ligeros hasta que el usuario se desplaza hacia ellas, momento en el que se descarga la imagen real. La carga diferida nativa mediante el atributo HTML loading='lazy' está soportada por los navegadores modernos y no requiere JavaScript. La API Intersection Observer ofrece más control para implementaciones personalizadas. En las imágenes hero visibles al inicio de la página, la carga diferida debe desactivarse porque deben cargarse de inmediato para optimizar el Largest Contentful Paint. Una carga diferida demasiado agresiva que retrasa contenido visible perjudica el rendimiento percibido. El equilibrio correcto es cargar de inmediato lo visible y diferir todo lo demás.