Carga diferida
Una técnica que pospone la carga de imágenes y contenido fuera de la pantalla hasta que el usuario se desplaza cerca de ellos, lo que reduce el tiempo de carga inicial de la página.
La carga diferida mejora el rendimiento al cargar solo el contenido visible en la ventana gráfica al cargar la página inicial. Las imágenes debajo de la página permanecen como marcadores de posición livianos hasta que el usuario se desplaza hacia ellas, lo que activa la descarga de la imagen real. La carga diferida nativa a través del atributo HTML loading='lazy' es compatible con todos los navegadores modernos y no requiere JavaScript. Intersection Observer API proporciona más control para implementaciones personalizadas. Para las imágenes destacadas de la mitad superior de la página, se debe desactivar la carga diferida; estas imágenes necesitan una carga inmediata para obtener una pintura con contenido más grande óptima. La carga diferida agresiva que retrasa el contenido visible perjudica el rendimiento percibido. El saldo es carga inmediata para el contenido visible y carga diferida para todo lo demás.
Términos relacionados
Imagen Responsiva
Una implementación de imagen que ofrece diferentes tamaños o formatos según el dispositivo del espectador, el tamaño de la pantalla y la velocidad de conexión.
Compresión
El proceso de reducir el tamaño del archivo de imagen mediante la codificación de datos de píxeles de manera más eficiente, a veces a costa de la calidad.