Верстка · Middle · Запитання 23 з 75
Що робить атрибут loading="lazy" в <img> і коли його НЕ варто ставити?
- 1Стискає зображення на льоту в браузері; не ставити на PNG із прозорістю
- ✓Правильна відповідь: Відкладає завантаження до наближення до viewport; не ставити на LCP-зображення
- 3Завантажує зображення у фоновому потоці; не ставити на мобільних пристроях
Пояснення
Нативне ліниве завантаження заощаджує трафік для зображень нижче першого екрана. Але для hero-зображення воно шкідливе: браузер почне завантаження пізніше й погіршить LCP. Для важливого зображення навпаки ставлять fetchpriority="high". Стисканням і форматами атрибут не займається.