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 15 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 15. p75 31. p99 119. At the low end (0): CLS 0.00. At the high end (>p98): CLS 0.01. 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 KB): CLS 0.01. At the high end (>p98): CLS 0.01. 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.
How does CSS affect the Core Web Vitals?
Stylesheets per page correlates with the LCP. CSS weight separates passing sites from failing sites more than stylesheet count does. Where the CSS weight is low, 87% of sites pass the LCP. Where it is high, 57% do. The decline is gradual. There is no point where sites suddenly start failing.
Chrome field data from 94,910 sites, representing millions of real page loads. How we measured.