Postupne vám dovolí, aby ste nahmatali obrázky s vanilkou JS

Každá moderná webová stránka musí byť rýchla. Hoci existuje veľa techník a doplnkov na zvýšenie rýchlosti stránky, stále nemusíte vedieť, kde začať.

Progresívny skript je a skvelý zdroj na zvýšenie rýchlosti stránky. Funguje to ako lenivý skript pre načítanie obrázkov, ktorý načíta obrázky postupne, keď používateľ posúva stránku nadol.

Je to bezplatný open source projekt, ktorý si môžete stiahnuť a spustiť na ľubovoľnej webovej stránke. Plus to beží na 100% vanilkovej JS, takže má nulové závislosti, ktoré vás môžu zvážiť.

Môžete sa pozrieť na live demo na stránke Progressively.

Je to trochu odlišné od ostatných skrytých zaťažovacích skriptov, pretože zachováva pevnú veľkosť obrázkov pre celú stránku. toto zabraňuje vždy skľučujúcemu skoku stránky, kedykoľvek sa obrázky rýchlo načítajú a zvýšiť obsah.

Zástupné symboly skutočne vyzerajú ako načítané obrázky. Úžasné!

Táto elegantná technika dáva návštevníkom šancu prezrite si, ako obrázky vyzerajú skôr, než sa načítajú. Všetko sa to zaoberá skriptom JavaScript, ktorý kontroluje polohu používateľa na stránke a predbežne načíta obrázky pri ich zobrazovaní.

Postupne to má pomerne rozsiahle API takže je to skvelá voľba pre webových vývojárov. Nastavenie sa môže stať technickým, takže pomôže, ak poznáte cestu okolo základného kódovania frontend.

Ale môžete sa dozvedieť viac na hlavnej stránke GitHub, ktorá obsahuje kompletnú dokumentáciu k API, pokyny na nastavenie a vzorové útržky kódu, ktoré môžete skopírovať / prilepiť pre svoje projekty.

Ak potrebujete dôveryhodný skript s obrazom lenivého načítania bez ošklivých závislostí, postupne urobte strelu. Je to úplne zadarmo a ponúka veľa prispôsobenia pre vývojárov.

Taktiež sa pozrite na stránku Progresívne GitHub, aby ste sa dozvedeli viac a prevzali stiahnuteľný zdrojový kód.