Učinite bolje progresivne slike Učitavanje s AntiModerate

AntiModerate skripta možda neće zvučati mnogo. Ali to je jedan od najboljih JS skripti koje možete pokrenuti kako biste poboljšali performanse na većoj stranici i zadržali snažno korisničko iskustvo.

S ovim besplatni dodatak, slike možete učitati kada se prikazuju i smanjite ukupnu veličinu stranice.

Na taj se način može učitati cijela stranica prvi s malim rezerviranim mjestima za slike. Tada će vaši posjetitelji prirodno pregledavati sadržaj bez čekanja da se svako sredstvo učita - uvijek dobro s gledišta korisnika!

Evo kako to radi: dodajete dodatak AntiModerate na svoju stranicu zajedno sa skriptom StackBlur.js.

AntiModerate vuče dimenzije slike i prisiljava sve img oznake na fiksnu veličinu na stranici. Ove unaprijed učitane slike se guraju kroz StackBlur.js što drastično smanjuje ukupnu veličinu datoteke za pregled, čime se stranica učitava puno brže..

Kada su te manje slike na mjestu, AntiModerate učitava slike u punoj veličini u pozadini. Svaka zamućena fotografija tada se zamjenjuje običnom fotografijom nakon što se završi s preuzimanjem. Lako!

Ovaj štedi hrpu vremena čekajući slike i pomaže brže učitavanje stranice. To je velika prednost za korisnike jer oni mogu početi konzumirati sadržaj prije, a koristi vašoj SERP ljestvici jer Google puno brine o brzini stranice.

Knjižnicu možete instalirati izravno s npm ili Bower ili povlačenjem skripte kroz GitHub.

Za to je potrebno samo nekoliko redaka JavaScripta i sigurno će poboljšati učitavanje stranice. Zavirite u GitHub repo i pomaknite se do vodiča za postavljanje da biste započeli.

Sa samo nekoliko redaka koda, AntiModerate bi trebao biti jednostavan za pokretanje na bilo kojoj stranici.

Da ne spominjem ovo čisti JavaScript tako da ne zahtijeva nikakve ovisnosti poput jQuery za rad.