Ce este functia Lazy loading pentru imagini si cum imbunatateste viteza de incarcare a magazinului?

Utilizarea functiei Lazy loading reprezinta o practica extrem de utila pentru cresterea vitezei de incarcare a paginii si imbunatatirea experientei de utilizare a site-ului, in special in cazul magazinelor online.

Activarea Lazy loading este esentiala din perspectiva metricilor Core Web Vitals, care influenteaza indexarea website-urilor in Google.

Prin activarea functiei Lazy loading, imaginile afisate in paginile de tip listing vor fi incarcate treptat, pe masura ce acestea sunt afisate efectiv in pagina (doar in momentul in care utilizatorul ajunge in dreptul lor). Astfel, listing-urile cu zeci de imagini ale produselor vor fi incarcate intr-un timp mult mai scurt, iar browser-ul utilizatorului nu va descarca in fundal imaginile pe care nu le afiseaza efectiv in pagina.

De exemplu, in cazul in care functia Lazy loading este inactiva, la accesarea unei pagini de categorie care contine un numar mare de produse, browser-ul va descarca in fundal toate imaginile pentru a afisa pagina. In acest scenariu se pierd atat resurse, cat si timpul pe care utilizatorul este nevoit sa-l petreaca asteptand incarcarea continutului.

In schimb, prin utilizarea functiei Lazy loading, clientul va putea sa vizualizeze imaginile pe masura ce navigheaza in site, afisarea fiind realizata astfel in mod automat, fara necesitatea unei alte interventii din partea ta. Viteza de incarcare a paginii va creste, iar restul elementelor din pagina vor fi afisate instant. 

Astfel, este imbunatatita substantial experienta utilizatorului, in special pe dispozitive mobile (telefoane, tablete), unde incarcarea se face mai lent decat pe desktop-uri sau laptop-uri.

Dezactivarea functiei Lazy loading poate fi totusi justificata de motive precum:

• Imbunatatirea experientei de utilizare - dezactivarea functiei Lazy loading poate asigura o experienta de utilizare mai fluida in magazin, prin afisarea instant a acestora in locul incarcarii progresive;
• Compatibilitate limitata - in cazul anumitor browsere si dispozitive mai vechi exista posibilitatea ca imaginile sa nu se incarce deloc sau sa intampine intarzieri, ceea ce poate afecta negativ experienta utilizatorilor in magazin;
• Probleme de JavaScript - functia Lazy loading depinde in mare masura de JavaScript pentru a functiona. Astfel, daca utilizatorii au JavaScript dezactivat sau exista probleme tehnice cu incarcarea scripturilor, imaginile ar putea sa nu fie afisate corect.

Pentru a dezactiva functia Lazy loading:

1. Acceseaza Setari > Setari catalog;
2. Mergi in sectiunea Setari imagini;
3. Dezactiveaza setarea Activeaza incarcarea imaginilor in modul Lazy loading;
4. Apasa Salveaza.