HTML i CSS · Middle · Pytanie 17 z 75
Czym jest Critical CSS?
- 1Style z
!importantdla krytycznie ważnych elementów interfejsu - ✓Poprawna odpowiedź: Style pierwszego ekranu wstawione inline w
<head>; reszta ładuje się później - 3Style, które przeglądarka musi pobierać za każdym razem, bez cache
Wyjaśnienie
Zewnętrzny CSS blokuje renderowanie: przeglądarka nie maluje, dopóki style się nie pobiorą. Wstawienie stylów pierwszego ekranu w HTML i asynchroniczne ładowanie reszty przyspiesza pierwsze malowanie (FCP/LCP). Minusem jest duplikacja stylów i bardziej złożony build.