Tee parempia progressiivisia kuvia lataamalla AntiModerate

AntiModerate-skripti ei ehkä kuulosta paljon. Mutta se on yksi parhaista JS-skripteistä, joiden avulla voit parantaa suorituskykyä suuremmalla sivulla ja ylläpitää vahvaa käyttäjäkokemusta.

Tämän kanssa ilmainen plugin, voit ladata kuvia, kun ne näkyvät ja pienennä sivun kokoa.

Näin koko sivu voi ladata ensimmäinen pieniä paikkamerkkejä kuville. Sitten kävijät selaavat luonnollisesti odottamatta jokaisen hyödykkeen lataamista - aina hyvä asia käyttäjän näkökulmasta!

Näin tämä toimii: lisäät AntiModerate-laajennuksen sivullesi StackBlur.js-skriptin ohella.

AntiModerate vetää kuvan mittoja ja pakottaa kaikki img-tunnisteet kiinteään kokoon sivulla. Nämä valmiiksi ladatut kuvat työnnetään StackBlur.js: n läpi, mikä vähentää merkittävästi kokonaiskatselman kokoa, jolloin sivu latautuu paljon nopeammin.

Kun nämä pienemmät kuvat ovat paikallaan, AntiModerate lataa täysikokoiset kuvat taustalla. Jokainen epäselvä kuva korvataan sitten tavallisella valokuvalla, kun se on ladattu. Helppo!

Tämä säästää kuvien odottamista ja se auttaa sivusi lataamista paljon nopeammin. Se on valtava hyöty käyttäjille, koska he voivat aloittaa sisällön kuluttamisen aikaisemmin, ja se hyödyttää SERP-luokitusta, koska Google huolehtii paljon sivun nopeudesta.

Voit asentaa kirjaston suoraan npm: llä tai Bowerilla tai vetämällä komentosarjan GitHubin kautta.

Tämä vaatii vain muutaman JavaScript-rivin, ja se auttaa varmasti parantamaan sivusi latauksia. Hakeudu GitHub-repoon ja siirry alkuun siirtymällä alaspäin asennusoppaaseen.

Vain muutaman koodirivin avulla AntiModerate-ohjelman pitäisi olla ei-brainer, jotta se toimii millä tahansa sivulla.

Puhumattakaan tästä toimii puhdas JavaScript joten se ei vaadi mitään sellaisia ​​riippuvuuksia, kuten jQuery.