Верстка · Middle · Запитання 19 з 75
Який прийом найкраще запобігає зсуву макета від зображень, що завантажуються?
- ✓Правильна відповідь: Задавати
widthіheight(абоaspect-ratio) для резервування місця - 2Ставити всім зображенням
loading="lazy", щоб вони завантажувалися пізніше - 3Завантажувати зображення лише після події
loadчерез JavaScript
Пояснення
Знаючи пропорції, браузер резервує місце ще до завантаження файлу, і контент не стрибає. Сучасні браузери самі обчислюють aspect-ratio з атрибутів width/height. Ліниве завантаження без розмірів, навпаки, посилює зсуви, а завантаження через JS погіршує LCP.