// 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
Is the term still unclear?

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.

Free No obligation 15 minutes