Lassú betöltés
A lassú betöltés egy olyan technika, amely késlelteti a nem kritikus erőforrások, például a képernyő alatti képek betöltését, amíg azokra ténylegesen szükség van, javítva ezzel a kezdeti oldalbetöltési sebességet.
A lustabetöltés egy teljesítményoptimalizálási stratégia, amely elhalasztja az erőforrások betöltését, amíg azokra szükség nem lesz. Ahelyett, hogy minden képet, videót és szkriptet betöltené az oldal első megnyitásakor, a lustabetöltés csak a kezdeti nézetben (viewport) látható erőforrásokat tölti be, a többit pedig a felhasználó görgetése közben kéri le. A leggyakoribb alkalmazási terület a képek lustabetöltése.
Lustabetöltés nélkül a böngésző azonnal letölti mind az 50 képet, ami sávszélesség-pazarlással jár és lassítja az oldal első megjelenítését. Lustabetöltéssel csak a látható képek töltődnek be először, a többi pedig akkor, amikor a felhasználó odagörget. A modern böngészők natívan támogatják a lustabetöltést az img és iframe elemek loading="lazy" attribútumával.
A gyakorlatban
- Egy oldalonként 200 képet tartalmazó fotóportfólió esetén a kezdeti betöltési idő 12 másodpercről 1,8 másodpercre csökkent az első három sor alatti összes kép lustabetöltésével.
- Egy 60 termékképet tartalmazó e-kereskedelmi kategóriaoldal natív lustabetöltést valósított meg, csökkentve a kezdeti oldalsúlyt 8 MB-ról 800 KB-ra.
- Egy híroldal lustán tölti be a beágyazott YouTube-videókat, könnyű bélyegképekkel helyettesítve azokat, amíg a felhasználó a lejátszásra nem kattint, így videónként 1,5 MB JavaScriptet takarít meg.
- Egy hosszú cikkoldal lustán tölti be a kapcsolódó cikk widgeteket és a hozzászólásokat az alján, előnyben részesítve a cikktartalmat a lehető leggyorsabb kezdeti megjelenítés érdekében.
Nem biztos benne, hogy ez hogyan vonatkozik Önre?
Egy vezető mérnök bejárja az Ön webhelyét, keresési jelenlétét és azt, ahogyan a megkeresések eljutnak Önhöz, majd leírja az elsőként javítandó három dolgot. A dokumentumot mindenképpen megtartja.