chargement paresseux: progressif vs à la demande

C’est une question conceptuelle. Dans mon cas particulier, j’utilise slick.js pour créer un carrousel d’image pour un site Web. Comme il s’agit de photographies haute résolution, je souhaite accélérer le temps de chargement de la page en permettant de charger les photos de manière asynchrone au lieu de charger la page.

En parcourant la documentation de cette bibliothèque, j’ai vu les parameters disponibles pour la propriété ‘lazyLoad’ avec peu d’informations sur la signification de ces parameters dans la pratique.

Essentiellement, ma question est la suivante: quelle est la différence entre progressive et à la demande dans le contexte du chargement paresseux.

progressive : charge l’image visible dès que la page est affichée et les autres après que tout le rest est chargé en arrière-plan (” charge les diapositives visibles sur init, puis charge progressivement le rest des diapositives sur window.load ()). “). Devrait être utilisé si les autres images seront utilisées la plupart du temps (ou la totalité) des fois où la page est affichée.

à la demande : charge l’image visible dès que la page est affichée et les autres uniquement lorsqu’elles sont affichées. (” […] charge des diapositives à la demande. Lorsqu’une diapositive devient visible (ou sur le rappel avant la diapositive), le chargement est déclenché. “) Devrait être utilisé si les autres images du carrousel sont affichées très rarement.

Source: https://github.com/kenwheeler/slick/issues/35 , en particulier le commentaire de jasonday du 5 avril