Progressivt lar deg late laste bilder med Vanilla JS

Hvert moderne nettsted trenger å være rask. Selv om det er mange teknikker og plugins for å øke sidens hastighet, kan du fortsatt ikke vite hvor du skal begynne.

Progressivt skript er en stor ressurs for å øke sidens hastighet. Det fungerer som et lat lastbildebilde som laster bilder gradvis ettersom brukeren ruller nedover siden.

Det er et gratis åpen kildekode-prosjekt, slik at du kan laste ned dette og kjøre det på hvilket som helst nettsted. Pluss det kjører på 100% vanilje JS så det har null avhengigheter som kan veie deg ned.

Du kan se på live-demoen på Progressive hjemmeside.

Det er litt annerledes enn andre lataktige skript fordi det holder faste bildestørrelser for hele siden. Dette hindrer at den stadig så irriterende siden hopper du ser når bilder raskt lastes inn i visning og øke innholdshøyden.

Og bildet plassholdere faktisk ser ut som bildene du laster. Rått!

Denne fine teknikken gir besøkende en sjanse til å Forhåndsvis hvordan bildene ser ut før de lastes. Alt håndteres gjennom JavaScript som kontrollerer brukerens plassering på siden og pre-laster bilder som de kommer til syne.

Progressivt har a ganske omfattende API så det er et godt valg for webutviklere. Oppsettet kan bli teknisk, slik at det hjelper hvis du kjenner deg rundt grunnleggende frontendkoding.

Men du kan lære mer på den viktigste GitHub-siden, som inneholder den fullstendige API-dokumentasjonen, oppsettinstruksjonene og eksempler på kodestykker du kan kopiere / lime inn for dine prosjekter..

Hvis du trenger et pålitelig late-loading image script uten de ubehagelige avhengighetene, gi deretter Progressivt et skudd. Det er helt gratis og tilbyr mye tilpasning for utviklere.

Ta også en titt på Progressive GitHub for å lære mer og å nab den nedlastbare kildekoden.