Co to jest lazy loading?
Lazy loading oznacza ładowanie zasobów strony dopiero wtedy, gdy są potrzebne użytkownikowi. Po polsku często mówi się o ładowaniu „na żądanie”. Dotyczy to np. obrazów, filmów, animacji, ramek iframe lub innych ciężkich elementów multimedialnych.
Po co stosuje się lazy loading?
Lazy loading poprawia wydajność strony, szczególnie na urządzeniach mobilnych. Dzięki temu przeglądarka nie musi pobierać od razu wszystkich plików, które znajdują się na stronie.
Korzyści:
- szybsze pierwsze załadowanie strony,
- mniejsze zużycie transferu danych,
- lepsze działanie na smartfonach,
- mniejsze obciążenie serwera,
- poprawa komfortu użytkownika.
Przykład dla obrazu
<img src="grafika.jpg" alt="Opis grafiki" loading="lazy">
Atrybut loading="lazy" informuje przeglądarkę, że obraz może zostać załadowany dopiero wtedy, gdy użytkownik zbliży się do niego podczas przewijania strony.
Lazy loading a multimedia
W przypadku filmów i prezentacji warto unikać automatycznego ładowania dużych plików. Lepiej zastosować miniaturę, przycisk odtwarzania i załadować materiał dopiero po kliknięciu użytkownika.
W kontekście egzaminu
Jeżeli strona zawiera dużo prezentacji Flash, należy zastąpić je nowoczesnymi formatami niewymagającymi wtyczek i ładować je na żądanie, aby poprawić działanie witryny na urządzeniach mobilnych.