HTML i CSS · Middle · Pytanie 23 z 75
Co robi loading="lazy" na <img> i kiedy NIE należy go używać?
- 1Kompresuje obrazek w locie w przeglądarce; unikać na przezroczystych PNG
- ✓Poprawna odpowiedź: Odracza ładowanie, aż obrazek zbliży się do viewportu; unikać na obrazku LCP
- 3Ładuje obrazek w wątku w tle; unikać na urządzeniach mobilnych
Wyjaśnienie
Natywny lazy loading oszczędza transfer dla obrazków poniżej pierwszego ekranu. Ale dla obrazka hero szkodzi: przeglądarka później zaczyna ładowanie i cierpi LCP. Dla ważnego obrazka używa się raczej fetchpriority="high". Atrybut nie ma nic wspólnego z kompresją ani formatami.