Верстка · Middle · Запитання 17 з 75
Що таке Critical CSS?
- 1Стилі з
!importantдля критично важливих елементів інтерфейсу - ✓Правильна відповідь: Стилі першого екрана, вбудовані просто в
<head>; решта завантажується пізніше - 3Стилі, які браузер мусить завантажувати заново, без кешування
Пояснення
Зовнішній CSS блокує рендер: браузер не відмалює сторінку, доки не завантажить стилі. Якщо вбудувати стилі першого екрана (above the fold) просто в HTML, а решту CSS підвантажити асинхронно, перше відмальовування (FCP/LCP) настає раніше. Мінус - дублювання стилів і складність збирання.