Stylesheets per page
How many stylesheets the page loads and their over-the-wire weight.
At a glance the headline numbers for Stylesheets per page
How many stylesheets the page loads and their over-the-wire weight.
The typical page loads 14 stylesheets weighing 77 KB.
Distribution & median CLS site count and median CLS at each level of stylesheets per page — n
Passing CLS by stylesheets per page — n which level passes the CLS most often
Stylesheets per page — n 14. p75 29. p99 118. At the low end (0–4): CLS 0.02. At the high end (50+): CLS 0.04. computed
Distribution & median CLS site count and median CLS at each level of stylesheets per page — size
Passing CLS by stylesheets per page — size which level passes the CLS most often
Stylesheets per page — size 77 KB. p75 153 KB. p99 1.2 MB. At the low end (0–49 KB): CLS 0.02. At the high end (300+ KB): CLS 0.04. computed
Why this matters for the Core Web Vitals, and where to start fixing it
Every blocking stylesheet is a render gate. The browser paints nothing until the last one arrives, so the count multiplies the risk: more requests on the critical path, more chances that one of them is the slow one.
Few files beat many here. The request side costs more than the byte side: one round trip on a cold connection outweighs a lot of kilobytes on a warm one. Bundle the critical CSS into as few files as the architecture allows.
Chrome field data from 189,915 sites, representing millions of real page loads. How we measured.