Gør det progressivt, at du laver billeder med Vanilla JS

Hvert moderne websted skal være hurtigt. Selv om der er mange teknikker og plugins for at øge sidens hastighed, kan du stadig ikke vide, hvor du skal starte.

Progressivt script er en stor ressource til at øge sidens hastighed. Det virker som et dovent billedskript, der lægger billeder progressivt, da brugeren ruller ned på siden.

Det er et gratis open source-projekt, så du kan downloade dette og køre det på enhver hjemmeside. Plus det kører på 100% vanille JS, så det har nul afhængigheder, der kan veje dig ned.

Du kan se på den levende demo på Progressive hjemmeside.

Det er lidt anderledes end andre dovne belastningsskripter, fordi det holder faste billedstørrelser for hele siden. Dette forhindrer den så irriterende side, at du hopper op, når billeder hurtigt indlæses og øge indholdshøjden.

Og billedplaceringerne ser faktisk ud som de billeder, du læser. fantastisk!

Denne pæne teknik giver besøgende mulighed for at Se, hvordan billederne ser ud, før de indlæses. Det håndteres alt sammen via JavaScript, der kontrollerer brugerens placering på siden og forudindlæser billeder, som de kommer til syne.

Progressivt har a temmelig omfattende API så det er et godt valg for webudviklere. Opsætningen kan blive teknisk, så det hjælper, hvis du kender din vej omkring grundlæggende frontend-kodning.

Men du kan lære mere på den vigtigste GitHub-side, som indeholder den fulde API-dokumentation, installationsvejledning og prøvekodeuddrag, du kan kopiere / indsætte til dine projekter.

Hvis du har brug for et troværdigt latte-billedbilledskript uden de ubehagelige afhængigheder, så giv Progressivt et skud. Det er helt gratis og tilbyder en masse tilpasning til udviklere.

Tag også et kig på Progressive GitHub for at lære mere og til nab den downloadbare kildekode.