Postopno vam omogoča Lazy Load Slike z Vanilla JS

Vsaka sodobna spletna stran mora biti hitra. Čeprav obstaja veliko tehnik in plugins za povečanje hitrosti strani, še vedno, morda ne veste, kje začeti.

Progressively script je a odličen vir za povečanje hitrosti strani. Deluje kot leni nalagalni slikovni skript, ki postopoma nalaga slike, ko se uporabnik pomika po strani.

To je brezplačen open source projekt, tako da ga lahko prenesete in ga zaženete na katerem koli spletnem mestu. Plus to deluje na 100% vanilijem JS-ju, tako da nima nič odvisnosti, ki bi te lahko obremenile.

Oglejte si predstavitev v živo na domači strani Progressively.

To je malo drugače kot drugi leni nalagalni skripti, ker ohranja fiksne velikosti slike za celotno stran. To preprečuje, da bo vedno tako moteč stranski skok viden, ko se slike hitro naložijo in poveča višino vsebine.

Posestniki slik pa so videti kot slike, ki jih nalagate. Super!

Ta čedna tehnika daje obiskovalcem možnost pred nalaganjem si oglejte, kakšne so slike. Vse se obravnava prek JavaScripta, ki preveri lokacijo uporabnika na strani in vnaprej naloži slike.

Postopoma ima a precej obsežen API zato je odlična izbira za spletne razvijalce. Nastavitev lahko dobite tehnično, tako da vam pomaga, če poznate svojo osnovno kodiranje.

Lahko pa izveste več o glavni strani GitHub, ki vključuje celotno dokumentacijo API, navodila za namestitev in odrezke vzorčnih kod, ki jih lahko kopirate / prilepite za svoje projekte..

Če potrebujete zanesljiv slikovni skript za lazljivo nalaganje brez grdih odvisnosti, nato progresivno dajte strel. To je popolnoma brezplačno in ponuja veliko prilagoditev za razvijalce.

Oglejte si tudi Progressively GitHub, če želite izvedeti več in pridobiti izvorno kodo, ki jo je mogoče prenesti.