// glossary entry
Critical CSS
Definition: The minimum amount of CSS code needed to display the upper, immediately visible portion of a page, embedded directly in the HTML instead of being loaded from an external file.
Everyday analogy: It’s like when you’re moving and you only pack the most essential box, containing a bed, a blanket, and a coffee maker, into the car so you can get by on the first night. The rest follows later.
How we use it: In the PageSpeed audit, we reduce render-blocking with Critical CSS, usually one of the most effective ways to improve LCP.
// synonyms
- Above-the-Fold CSS
Let's talk for 15 minutes
If a term in this glossary isn't entirely clear in the context of your project, or if you want to know whether the concept is relevant to your situation—just ask us. The initial consultation is free and non-binding.