lazy loading: progressivo vs on-demand

Question

Questa è una domanda concettuale. Nel mio caso particolare, sto usando slick.js per creare un carosello di immagini per un sito web. Poiché si tratta di fotografie ad alta risoluzione, desidero accelerare il tempo di caricamento della pagina consentendo il caricamento delle foto in modo asincrono anziché a carico della pagina.

Quando si esamina la documentazione di questa libreria, ho visto le impostazioni disponibili per la proprietà 'lazyLoad' con poche informazioni su ciò che queste impostazioni significano nella pratica.

In sostanza, la mia domanda è, qual è la differenza tra progressivo e on-demand nel contesto del caricamento lento.

Answer 1

progressiva: carica l'immagine visibile non appena la pagina viene visualizzata e le altre dopo tutto il resto viene caricato in background (" carichi le diapositive visibili su init e quindi carica progressivamente il resto delle diapositive su window.load(). "). Dovrebbe essere usato se le altre immagini verranno utilizzate la maggior parte (o tutte) delle volte che viene visualizzata la pagina.

on-demand: carica l'immagine visibile non appena viene visualizzata la pagina e le altre solo quando sono visualizzate. ("[...] carica le diapositive su richiesta Quando una diapositiva diventa visibile (o sulla richiamata prima della diapositiva) viene caricato il carico.") Dovrebbe essere usato se le altre immagini della giostra sono visualizzate molto raramente.

Fonte: https://github.com/kenwheeler/slick/issues/35, in particolare il commento di jasonday da 5. aprile