Viiveellinen lataus
Viiveellinen lataus (lazy loading) on tekniikka, joka viivästyttää ei-kriittisten resurssien, kuten sivun alapuolella olevien kuvien, lataamista siihen saakka, kun niitä todella tarvitaan, mikä parantaa sivun alkuperäistä latausnopeutta.
Viiveellinen lataus on suorituskyvyn optimointistrategia, joka siirtää resurssien lataamisen siihen asti, kun niitä tarvitaan. Sen sijaan, että kaikki kuvat, videot ja skriptit ladattaisiin heti sivun avautuessa, viiveellinen lataus lataa vain alku-näkymässä näkyvät resurssit ja hakee loput, kun käyttäjä vierittää alas. Yleisin sovellus on kuvien viiveellinen lataus.
Ilman viiveellistä latausta selain lataa kaikki 50 kuvaa välittömästi, hukaten kaistanleveyttä ja hidastaen alkuperäistä renderöintiä. Viiveellisellä latauksella vain näkyvät kuvat latautuvat ensin, ja loput vasta, kun käyttäjä vierittää niihin. Nykyselaimet tukevat viiveellistä latausta luonnostaan img- ja iframe-elementtien loading="lazy"-attribuutilla.
Käytännössä
- Valokuvausportfolio, jossa oli 200 kuvaa per sivu, lyhensi alkuperäistä latausaikaa 12 sekunnista 1,8 sekuntiin lataamalla laiskasti kaikki ensimmäisen kolmen rivin alapuolella olevat kuvat
- Verkkokaupan kategoriasivu, jossa oli 60 tuotekuvaa, otti käyttöön luontaisen laiskalatauksen, mikä vähensi sivun alkuperäistä painoa 8 Mt:stä 800 kt:iin
- Uutissivusto lataa upotetut YouTube-videot laiskasti korvaamalla ne kevyillä pikkukuvilla, kunnes käyttäjä napsauttaa toistaakseen videota, säästäen 1,5 Mt JavaScriptiä per video
- Pitkän artikkelin sivu lataa laiskasti liittyvät artikkelividget ja kommenttiosiot sivun alareunassa priorisoiden artikkelisisältöä mahdollisimman nopeaan alkuperäiseen renderöintiin
Et ole varma, miten tämä koskee sinua?
Kokenut insinööri käy läpi kohteen, hakukoneesi esiintymisen ja yhteydenottojen saannin, ja kirjoittaa kolme asiaa, jotka kannattaa korjata ensin. Pidät dokumentin joka tapauksessa.