Ce este Lazy Loading (Incarcare intarziata)?
Tehnica prin care imaginile se incarca doar cand devin vizibile pe ecran
Definiție Lazy Loading (Incarcare intarziata)
Lazy loading amana incarcarea imaginilor, video-urilor si altor resurse pana cand utilizatorul deruleaza pagina si acestea devin vizibile. Reduce dramatic timpul initial de incarcare si economiseste date mobile. Se implementeaza cu atributul loading="lazy" pe imagini. Fara lazy loading, TOATE imaginile se incarca simultan, chiar daca utilizatorul nu le vede.
De ce contează Lazy Loading (Incarcare intarziata)
Lazy loading intarzie incarcarea imaginilor si iframelor pana in momentul in care utilizatorul scrolleaza catre ele, reducand dramatic dimensiunea initiala a paginii. O pagina de e-commerce cu 50 de imagini de produs care incarca totul la deschidere transfera 10-20MB inutil — cu lazy loading, incarcarea initiala scade la 1-2MB deoarece doar imaginile vizibile sunt descarcate.
Cum verifici Lazy Loading (Incarcare intarziata)
SoftAudit analizeaza toate elementele <img> si <iframe> din pagina si verifica prezenta atributului loading="lazy" pe cele below-the-fold. Raportul calculeaza economia de date obtinuta prin lazy loading si semnaleaza imaginile above-the-fold care nu ar trebui sa fie lazy (ar intarzia LCP-ul).
Testează performanța →Greșeli frecvente
Aplicarea loading="lazy" pe imaginea hero sau pe elementul LCP intarzie afisarea celui mai important element vizual, degradand scorul LCP. Aceasta este o eroare comuna cand lazy loading se aplica global pe toate imaginile fara a exclude primele 2-3 vizibile. De asemenea, lazy loading fara placeholder creeaza layout shifts (CLS) cand imaginea apare brusc.
Bune practici
Exclude primele 2-3 imagini vizibile (above-the-fold) de la lazy loading si seteaza-le fetchpriority="high". Pe restul, adauga loading="lazy" nativ si defineste width/height explicit pentru a rezerva spatiu si a preveni CLS. Pentru iframes (YouTube, Google Maps), lazy loading este aproape intotdeauna benefic.
Verifică acum
Folosește instrumentul gratuit SoftAudit pentru a verifica lazy loading (incarcare intarziata) pe site-ul tău.
Test Performanță — GratuitÎntrebări frecvente
Ce este Lazy Loading (Incarcare intarziata)?
Lazy loading amana incarcarea imaginilor, video-urilor si altor resurse pana cand utilizatorul deruleaza pagina si acestea devin vizibile. Reduce dramatic timpul initial de incarcare si economiseste date mobile. Se implementeaza cu atributul loading="lazy" pe imagini. Fara lazy loading, TOATE imaginile se incarca simultan, chiar daca utilizatorul nu le vede.
De ce este important Lazy Loading (Incarcare intarziata) pentru un website?
Lazy loading intarzie incarcarea imaginilor si iframelor pana in momentul in care utilizatorul scrolleaza catre ele, reducand dramatic dimensiunea initiala a paginii. O pagina de e-commerce cu 50 de imagini de produs care incarca totul la deschidere transfera 10-20MB inutil — cu lazy loading, incarcarea initiala scade la 1-2MB deoarece doar imaginile vizibile sunt descarcate.