Верстка · Senior · Запитання 8 з 75
Як content-visibility: auto прискорює довгі сторінки?
- 1Завантажує зображення та iframe всередині елемента ліниво, як
loading=lazy - ✓Правильна відповідь: Пропускає layout і paint елементів поза екраном, доки вони не потрібні
- 3Видаляє невидимі елементи з DOM і повертає їх під час прокручування
Пояснення
Браузер не рендерить вміст секцій за межами viewport, заощаджуючи час першого відмальовування. Щоб скролбар не стрибав, задають очікуваний розмір через contain-intrinsic-size: auto 500px. DOM при цьому зберігається: пошук на сторінці й доступність працюють, на відміну від віртуалізації.