W skrócie
Cytuj to hasło
Zaznacz przypis i skopiuj: Lazy loading. W: Słownik pojęć e-commerce, Pro1.pl. https://pro1.pl/slownik/lazy-loading (sprawdzono 13 września 2026).
Lazy loading (leniwe ładowanie) to odkładanie pobrania obrazów i skryptów do chwili, gdy są potrzebne, np. dopiero przy przewinięciu strony.
Na tej stronie (3)
Odkładanie pobrania zasobu do chwili, gdy będzie potrzebny: obrazy i ramki poniżej pierwszego ekranu ładują się dopiero przy przewijaniu, a część skryptów dopiero po interakcji użytkownika. Realizuje się je atrybutem przeglądarki albo skryptem obserwującym widoczność elementów.
Zanim to zrozumiesz
- LCP: LCP (Largest Contentful Paint, wyświetlenie największego elementu) to wskaźnik Core Web Vitals: czas do wyrenderowania największego widocznego elementu.
- CLS: CLS (Cumulative Layout Shift, przesunięcie układu) to wskaźnik Core Web Vitals mierzący, jak bardzo elementy strony przesuwają się bez udziału użytkownika.
Jak się tego używa
Na listingach z dziesiątkami zdjęć, w galeriach na kartach produktu i przy skryptach firm trzecich: czatach, widżetach opinii, mapach. Celem jest skrócenie czasu do wyświetlenia treści widocznej od razu i odciążenie przeglądarki.
Dlaczego warto to znać
To jedna z niewielu zmian poprawiających szybkość bez ingerencji w projekt, ale odłożenie niewłaściwego elementu działa odwrotnie. Główne zdjęcie produktu zwykle decyduje o LCP i nie powinno być ładowane leniwie.
Na co uważać
Ładowanie sterowane wyłącznie skryptem bywa niewidoczne dla robotów, więc zdjęcia mogą nie trafić do wyszukiwarki grafiki; bezpieczniejszy jest mechanizm przeglądarki i poprawny znacznik obrazu. Obrazy bez zadeklarowanych wymiarów przesuwają układ i psują CLS. Doładowywanie kolejnych produktów przy przewijaniu, bez własnych adresów stron, ukrywa asortyment przed indeksowaniem.
Zobacz też
LCP
LCP (Largest Contentful Paint, wyświetlenie największego elementu) to wskaźnik Core Web Vitals: czas do wyrenderowania największego widocznego elementu.
CLS
CLS (Cumulative Layout Shift, przesunięcie układu) to wskaźnik Core Web Vitals mierzący, jak bardzo elementy strony przesuwają się bez udziału użytkownika.
Optymalizacja obrazów
Optymalizacja obrazów to przygotowanie zdjęć tak, by ważyły jak najmniej przy tej samej jakości: nowoczesne formaty, kompresja i właściwe wymiary.
Core Web Vitals
Core Web Vitals to trzy wskaźniki Google oceniające doświadczenie na stronie: czas wyświetlenia (LCP), reakcję na interakcję (INP) i stabilność (CLS).
Paginacja
Paginacja (stronicowanie) to podział długiej listy produktów lub wpisów na kolejne strony z osobnymi adresami, np.