Izboljšajte progresivne slike Nalaganje z AntiModerate

Skript AntiModerate morda ne bo slišal veliko. Vendar je to eden najboljših skriptov JS, ki jih lahko zaženete, da izboljšate zmogljivost na večji strani in ohranite močno uporabniško izkušnjo.

S tem prost plugin, lahko naložite slike, ko se prikažejo v pogledu in zmanjšate skupno velikost strani.

Tako se lahko naloži celotna stran prvi z majhnimi ogradami za slike. Potem bodo vaši obiskovalci naravno prebrskali, ne da bi čakali, da se vsa sredstva naložijo - vedno dobro z vidika uporabnika!

To deluje tako: dodate dodatek AntiModerate v svojo stran skupaj s skriptom StackBlur.js.

AntiModerate vleče dimenzije slike in prisili vse img oznake v fiksno velikost na strani. Te prednaložene slike se potisnejo skozi StackBlur.js, kar drastično zmanjša celotno velikost datoteke za predogled, s čimer se stran naloži veliko prej..

Ko so te manjše slike na mestu, AntiModerate naloži slike polne velikosti v ozadju. Vsaka zamegljena fotografija se nato zamenja z običajno fotografijo, ko jo prenesete. Enostavno!

To prihrani veliko časa, čakajoč na slike in omogoča hitrejše nalaganje strani. To je velika korist za uporabnike, saj lahko začnejo uživanje vsebine prej, in to koristi vašo SERP uvrstit, saj Google skrbi veliko o hitrosti strani.

Knjižnico lahko namestite neposredno z npm ali Bower ali s potegom skripta skozi GitHub.

To zahteva le nekaj vrstic JavaScripta in zagotovo pomaga izboljšati obremenitve strani. Pokukati v GitHub repo in se pomakniti navzdol do vodnika za nastavitve, da začnete.

Z le nekaj vrsticami kode mora biti AntiModerate nepremišljen, da se zažene na kateri koli strani.

Da ne omenjam tega čisti JavaScript zato ne potrebuje nobenih odvisnosti, kot je jQuery, da bi delal.