HTML & CSS · Middle · Question 17 of 75
What is Critical CSS?
- 1Styles with
!importantfor critically important UI elements - ✓Correct answer: Above-the-fold styles inlined in
<head>; the rest loads later - 3Styles the browser must download again every time, without caching
Explanation
External CSS blocks rendering: the browser won't paint until the styles download. Inlining the above-the-fold styles in the HTML and loading the rest asynchronously makes the first paint (FCP/LCP) happen sooner. The downside is duplicated styles and a more complex build.