Jatkuvasti Lazy voit ladata kuvia Vanilla JS llä

Jokaisen nykyaikaisen sivuston on oltava nopea. Vaikka on olemassa monia tekniikoita ja laajennuksia sivunopeuden lisäämiseksi, et ehkä tiedä mistä aloittaa.

Progressiivisesti käsikirjoitus on a hyvä resurssi sivunopeuden lisäämiseksi. Se toimii laiskana latauskuvan skriptinä, joka ladaa kuvia asteittain, kun käyttäjä vierittää sivua alaspäin.

Se on ilmainen avoimen lähdekoodin projekti, joten voit ladata tämän ja käyttää sitä millä tahansa verkkosivustolla. Plus se se kulkee 100% vanilja JS: llä, joten se on nolla riippuvuus, joka voi punnita sinut.

Voit katsella live-esittelyä progressiivisesti kotisivulla.

Se on hieman erilainen kuin muut laiska latauskriptit, koska se säilyttää kiinteät kuvakoot koko sivulle. Tämä estää kuvien nopean katoamisen, kun kuvat latautuvat nopeasti ja lisätä sisällön korkeutta.

Ja kuvan paikanvaraajat näyttävät todella lataamiesi kuvien kohdalta. Mahtava!

Tämä siisti tekniikka antaa kävijöille mahdollisuuden esikatsele, mitä kuvat näyttävät ennen niiden lataamista. Kaikki käsitellään JavaScriptin avulla, joka tarkistaa käyttäjän sijainnin sivulla ja lataa kuvia, kun ne tulevat näkyviin.

Jatkuvasti on a melko laaja API joten se on erinomainen valinta web-kehittäjille. Asennus voi saada teknisen, joten se auttaa, jos tiedät tiensä peruspään koodauksen ympärille.

Voit kuitenkin oppia lisää GitHubin tärkeimmältä sivulta, joka sisältää täydellisen API-dokumentaation, asennusohjeet ja mallikoodinpätkät, joita voit kopioida / liittää projektiisi.

Jos tarvitset luotettavan laiskan latausskriptiä ilman ilkeitä riippuvuuksia, anna sitten progressiivisesti kuva. Se on täysin ilmainen ja tarjoaa paljon mukautuksia kehittäjille.

Voit myös tutustua Progressively GitHubiin saadaksesi lisätietoja ja ladata ladattavaa lähdekoodia.