Przejdź do treści
SEOMaster SEOMaster

Lazy loading

Ładowanie zasobów na żądanie.

Lazy loading w 30 sekund

  1. 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.
  2. 02 · Sprawdź: Sprawdź, czy obrazy poza ekranem mają loading="lazy".
  3. 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

Źródła

Wszystkie hasła · Cała Wiedza · Jak skanujemy