Lazy loading
Ładowanie zasobów na żądanie.
Lazy loading w 30 sekund
- 01 · Zrozum: Lazy loading to technika ładowania zasobów dopiero wtedy, gdy są potrzebne — najczęściej obrazów i sekcji spoza widocznego ekranu, które wczytują się przy przewijaniu.
- 02 · Sprawdź: Sprawdź, czy obrazy poza ekranem mają loading="lazy".
- 03 · Unikaj: Lazy loading na głównym obrazie hero (pogarsza LCP)
Co to jest Lazy loading?
Lazy loading to technika ładowania zasobów dopiero wtedy, gdy są potrzebne — najczęściej obrazów i sekcji spoza widocznego ekranu, które wczytują się przy przewijaniu. Atrybut loading="lazy" robi to natywnie w przeglądarce.
Dzięki temu start strony jest lżejszy: przeglądarka nie pobiera od razu wszystkiego, tylko to, co użytkownik faktycznie widzi.
Dlaczego to ważne dla SEO
Odłożenie ładowania niewidocznych obrazów skraca czas i wagę pierwszego renderu, poprawiając LCP i oszczędzając transfer — zwłaszcza na telefonie.
Jak to sprawdzić
Sprawdź, czy obrazy poza ekranem mają loading="lazy". Uwaga: główny obraz hero (LCP) NIE powinien być lazy — to opóźni jego pojawienie się.
Częste błędy
- Lazy loading na głównym obrazie hero (pogarsza LCP)
- Brak wymiarów obrazu → przeskoki układu (CLS)
- Lazy na zbyt wielu drobnych zasobach (narzut)
Przykład
<img src="foto.jpg" alt="…" loading="lazy">
Najczęstsze pytania
Czy lazy loading szkodzi SEO?
Nie, o ile jest zrobiony natywnym atrybutem loading. Szkodzi wtedy, gdy obrazki wstawia dopiero JavaScript, bo robot może ich w ogóle nie zobaczyć.
Które obrazki NIE powinny być odroczone?
Te widoczne od razu po wejściu, a zwłaszcza element LCP. Odroczenie głównego zdjęcia w nagłówku pogarsza wynik zamiast go poprawiać.
Jak to włączyć?
Wystarczy atrybut loading z wartością lazy na znaczniku obrazka. Wszystkie aktualne przeglądarki obsługują to bez żadnej biblioteki.
Poradniki na ten temat
- Jak poprawić Core Web Vitals — LCP, INP i CLS po kolei — Trzy metryki, trzy zupełnie różne przyczyny. Ten poradnik idzie od zmian, które zajmują kwadrans i dają najwięcej, do przebudów, w które warto wchodzić dopiero na końcu.