Progressivt lar deg late laste bilder med Vanilla JS

Hvert moderne nettsted må 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 god 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. I tillegg går det 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 forhindrer at den stadig så irriterende siden hopper du ser når bilder raskt lastes inn i visning og øker innholdshøyden.

Og bildeplassholderne ser faktisk ut som bildene du laster inn. Rått!

Denne fine teknikken gir besøkende mulighet til å forhåndsvise hva bildene ser ut før de laster . Alt håndteres via JavaScript som kontrollerer brukerens plassering på siden og pre-laster bilder som de kommer til syne.

Progressivt har en 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 inkluderer full API-dokumentasjon, oppsettinstruksjoner og eksempler på kodestykker du kan kopiere / lime inn for dine prosjekter.

Hvis du trenger et pålitelig lat-lastende bildeskript uten de ekle avhengighetene, så gi 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.