Aeglaselt laseb sul laisk laadida vanilla JS-ga pilte

Iga kaasaegne veebileht peab olema kiire. Kuigi lehe kiiruse suurendamiseks on palju tehnikaid ja pluginaid, ei pruugi te siiski teada, kust alustada.

Progresseeriv skript on a suurepärane ressurss lehe kiiruse suurendamiseks. See toimib laisk laadimiskuva skriptina, mis laadib pildid järk-järgult, kui kasutaja sirvib lehekülge alla.

See on tasuta avatud lähtekoodiga projekt, nii et saate selle alla laadida ja käivitada mis tahes veebisaidil. Plus see töötab 100% vanilli JS-ga, nii et see on null-sõltuvusega, mis võib sind kaaluda.

Saate vaadata live-demot progressiivselt kodulehelt.

See on mõnevõrra erinev kui teised laisk laadimiskriptid, sest see hoiab fikseeritud kujutise suurusi kogu lehekülje jaoks. See takistab alati nii ärritavat lehekülgede hüppamist, kui pildid kiiresti kuvatakse ja suurendage sisu kõrgust.

Ja pildi kohatäitjad näevad tegelikult välja laaditud pilte. Vinge!

See puhas tehnika annab külastajatele võimaluse eelvaadake pilte enne laadimist. See kõik käideldakse läbi JavaScript, mis kontrollib kasutaja asukohta lehel ja eelvaadab pilte, kui need on näha.

Järk-järgult on a suhteliselt lai API seega on see veebiarendajatele suurepärane valik. Seadistus saab tehniliseks, nii et see aitab, kui teate oma põhiteksti ümber.

Kuid lisateavet saate GitHubi põhileheküljelt, mis sisaldab täielikku API-dokumentatsiooni, häälestusjuhiseid ja näidiskoodide fragmente, mida saate oma projektidesse kopeerida / kleepida.

Kui vajate usaldusväärset laiskuvat laadimiskripti ilma vastikust sõltuvusteta, siis anna järk-järgult pilt. See on täiesti tasuta ja pakub palju arendajatele kohandusi.

Vaadake ka progressiivselt GitHubi, et rohkem teada saada ja alla laadida allalaaditavat lähtekoodi.