HTML i CSS · Middle · Pytanie 19 z 75
Która technika najlepiej zapobiega przesunięciom układu przy ładowaniu obrazków?
- ✓Poprawna odpowiedź: Ustawić
widthiheight(lubaspect-ratio), aby zarezerwować miejsce - 2Dodać
loading="lazy"do wszystkich obrazków, żeby ładowały się później - 3Ładować obrazki dopiero po zdarzeniu
loadprzez JavaScript
Wyjaśnienie
Znając proporcje, przeglądarka rezerwuje miejsce, zanim plik się załaduje, więc treść nie skacze. Nowoczesne przeglądarki same wyliczają aspect-ratio z atrybutów width/height. Lazy loading bez wymiarów nasila przesunięcia, a ładowanie przez JS szkodzi LCP.