javascript - lazyload - lazy load scroll

carga perezosa: progresiva vs bajo demanda

Question

Esta es una pregunta conceptual. En mi caso particular, estoy usando slick.js para crear un carrusel de imágenes para un sitio web. Dado que se trata de fotografías de alta resolución, quiero acelerar el tiempo de carga de la página permitiendo que las fotografías se carguen de forma asíncrona en lugar de cargarlas en la página.

Al revisar la documentación de esta biblioteca, vi la configuración disponible para la propiedad ''lazyLoad'' con poca información sobre lo que significa esa configuración en la práctica.

Esencialmente mi pregunta es, ¿cuál es la diferencia entre progresiva y bajo demanda en el contexto de la carga perezosa?

Answer 1

progresivo : carga la imagen visible tan pronto como se muestra la página y las demás después de que todo lo demás se carga en el fondo (" carga las diapositivas visibles en init, y luego carga el resto de las diapositivas en window.load (). "). Debe utilizarse si las otras imágenes se utilizarán la mayoría (o todas) de las veces que se muestra la página.

bajo demanda : carga la imagen visible tan pronto como se muestra la página y las demás solo cuando se muestran. (" [...] carga diapositivas a pedido. Cuando se hace visible una diapositiva (o antes de la devolución de llamada de la diapositiva) la carga se activa. ") Se debe utilizar si las otras imágenes del carrusel se muestran muy raramente.

Fuente: https://github.com/kenwheeler/slick/issues/35 , especialmente el comentario de jasonday del 5 de abril.