SEOMaster
Lazy loading
Ładowanie zasobów na żądanie.
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">