web-dev-qa-db-fra.com

chargement paresseux: progressif vs à la demande

Ceci est une question conceptuelle. Dans mon cas particulier, j'utilise slick.js pour créer un carrousel d'images pour un site Web. Étant donné qu'il s'agit de photographies haute résolution, je souhaite accélérer le temps de chargement des pages en permettant aux photos d'être chargées de manière asynchrone au lieu du chargement des pages.

En parcourant la documentation de cette bibliothèque, j'ai vu les paramètres disponibles pour la propriété "lazyLoad" avec peu d'informations sur ce que ces paramètres signifient dans la pratique.

Essentiellement, ma question est de savoir quelle est la différence entre progressif et à la demande dans le contexte du chargement paresseux.

48
Caleb Faruki

progressif : charge l'image visible dès que la page est affichée et les autres après que tout le reste est chargé en arrière-plan (" charge les diapositives visibles sur init, puis charge progressivement le reste des diapositives sur window.load (). "). Doit être utilisé si les autres images seront utilisées la plupart (ou toutes) la 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 les diapositives à la demande. Lorsqu'une diapositive devient visible (ou lors du rappel avant la diapositive), la charge est déclenchée.") Doit être utilisée si les autres images du le carrousel est affiché très rarement.

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

70
Reeno