Lazy kuvien lataus kanssa jQuery

Erittäin tärkeä ominaisuus sivusto on ehdottomasti nopeus lastaus sivua. Huolimatta hidas sivusto, joka kestää liian kauan näyttää meille, mitä haluamme itse asiassa useimmat käyttäjät sulkee sivun vaihtamalla vaihtoehtoiseen paikkaan tai kilpailija. Internet ei ole työkalu kärsivällisiä ihmisiä ;-)

Tekniikka Lazy Loading (käännetty "laiska loading") kuvien nimenomaan välttämään odotella ja turhia web-sivulla. Tämä ohjelmointi tekniikka ei itse asiassa viittaa kuvia, mutta kattaa kaikki voimavarat "hyödyttömiä", kun se lataa, riorse että tietenkin, haetaan "on demand", kun on tarvetta.

Tulemme kohtaamaan diskurssi kuvia, koska ne ovat pohjimmiltaan raskain osa verkkosivun. Käyttäjä alkaa sivua ei välttämättä kaikki näkevät kuvia, ehkä koska ne ovat piilossa tai yksinkertaisesti koska he sijoitettu alareunaan tai alue kaukana jossa käyttäjä haluaa pääsyn tietoihin.
Tällaisia ​​tilanteita esiintyy erittäin suuria sivuja, kuten ovat blogin (joka syytösten paljon kommentteja, voi olla hyvin pitkä). Kaltaisissa olosuhteissa tämä ei ole mitään järkeä ladata kaikki kuvat käynnistyksen, etenkin pohjassa, koska se voisi koskaan nähdä!

Toteuttamiseksi laiska lastaus tekniikkaa voidaan toteuttaa eri tavoin.
Ilmeisin joka tulee mieleen on poistaa kuvia lentää DOM JavaScriptin avulla. Mutta tämä olisi myös väärin, koska tapa useimmat selaimet eivät ole vieläkään toimittanut pyynnöstä kuva ja saisit täyden toivottua vaikutusta.
Hyvä tekniikka, korosti artikkelissa Paul Hammond Speed ​​Up Your Site Content Viivästynyt on sen sijaan käyttää räätälöityjä määritteitä HTML5. Katsotaanpa, miten.

• <<
• 1
• 2
• 3
• >>