Postupno vam omogućuje Lazy Učitajte slike s Vanilla JS

Svaka moderna web-lokacija mora biti brza. Iako postoje mnoge tehnike i dodatci za povećanje brzine stranice, ipak, možda ne znate gdje početi.

Progresivna skripta je a veliki resurs za povećanje brzine stranice. Djeluje kao lijena skripta za učitavanje slike koja progresivno učitava slike dok se korisnik pomiče prema dolje.

To je besplatan open source projekt tako da ga možete preuzeti i pokrenuti na bilo kojoj web-lokaciji. Plus to radi na 100% vanilijskom JS-u tako da ima nula ovisnosti koje te mogu opteretiti.

Možete pogledati demo uživo na početnoj stranici Progressively.

Malo se razlikuje od drugih lijenih skripti za učitavanje jer zadržava fiksne veličine slika za cijelu stranicu. Ovaj sprječava sve dosadniji skok stranice koji vidite kad se slike brzo učitaju i povećati visinu sadržaja.

A rezervirana mjesta za slike zapravo izgledaju kao slike koje učitavate. Super!

Ova uredna tehnika daje posjetiteljima priliku pregledajte kako izgledaju slike prije učitavanja. Sve se rješava preko JavaScripta koji provjerava korisnikovu lokaciju na stranici i učitava slike u trenutku kada se one pojave.

Postupno ima prilično opsežan API tako da je odličan izbor za web-programere. Postavljanje može dobiti tehničku podršku tako da vam pomaže ako znate svoj put oko osnovnog frontendnog kodiranja.

Ali možete saznati više o glavnoj GitHub stranici koja sadrži punu API dokumentaciju, upute za postavljanje i isječke primjera koda koje možete kopirati / zalijepiti za svoje projekte.

Ako vam je potreban pouzdan lazy-učitava skriptu slike bez gadnih ovisnosti onda dati Progresivno pucati. Potpuno je besplatan i nudi mnogo prilagođavanja programerima.

Također zavirite u Progressively GitHub kako biste saznali više i nabavili izvorni kod koji se može preuzeti.