Pytanie 1
Strona galerii zawiera 40 dużych zdjęć, z których większość znajduje się daleko poniżej pierwszego ekranu. Jaki atrybut dodać do znaczników img tych zdjęć, aby przeglądarka pobierała je dopiero wtedy, gdy użytkownik zbliży się do nich podczas przewijania?
<img src="galeria-12.jpg" alt="Hala produkcyjna" width="800" height="600">Dlaczego tak
Atrybut loading="lazy" włącza leniwe ładowanie: przeglądarka odkłada pobieranie obrazu, dopóki nie znajdzie się on blisko widocznego obszaru, co przyspiesza pierwsze wyświetlenie strony i oszczędza transfer. Nie stosuje się go do obrazów widocznych od razu, np. głównego zdjęcia. Atrybuty defer i async dotyczą znacznika script, a preload="none" — elementów audio i video, więc w znaczniku img nie zadziałają.