Progressivt låter dig lata ladda bilder med Vanilla JS

Varje modern webbplats behöver vara snabb. Även om det finns många tekniker och plugins för att öka sidhastigheten, kan du fortfarande inte veta var du ska börja.

Progressivt manus är a stor resurs för att öka sidhastigheten. Det fungerar som ett lat laddningsbildsskript som laddar bilder progressivt när användaren rullar ner på sidan.

Det är ett gratis open source-projekt så att du kan ladda ner det här och köra det på vilken som helst webbplats. Plus det körs på 100% vanilj JS så det har nollberoende som kan väga dig ner.

Du kan titta på live demo på Progressive hemsidan.

Det är lite annorlunda än andra lazy load-skript eftersom det håller fasta bildstorlekar för hela sidan. Detta förhindrar att den någonsin så irriterande sidan hoppar du ser när bilder snabbt laddas in i vyn och öka innehållshöjden.

Och platshållarna ser faktiskt ut som de bilder du laddar. Grymt bra!

Denna snygga teknik ger besökarna en chans att Förhandsgranska vad bilderna ser ut innan de laddas. Allt hanteras via JavaScript, vilket kontrollerar användarens plats på sidan och pre-laddar bilder som de kommer att se.

Progressivt har a ganska omfattande API så det är ett bra val för webbutvecklare. Inställningen kan bli teknisk så det hjälper dig om du känner din väg kring grundläggande frontendkodning.

Men du kan lära dig mer på den huvudsakliga GitHub-sidan som innehåller fullständig API-dokumentation, installationsinstruktioner och provkodssnippets du kan kopiera / klistra in för dina projekt.

Om du behöver ett pålitligt lata-laddat bildskript utan de otäcka beroendenna, ge sedan progressivt ett skott. Det är helt gratis och erbjuder mycket anpassning till utvecklare.

Ta även en titt på Progressively GitHub för att lära dig mer och att nab den nedladdningsbara källkoden.