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 INP site count and median INP at each level of stylesheets per page — n
Passing INP by stylesheets per page — n which level passes the INP most often
Stylesheets per page — n 14. p75 29. p99 118. At the low end (0–4): INP 99ms. At the high end (50+): INP 111ms. computed
Distribution & median INP site count and median INP at each level of stylesheets per page — size
Passing INP by stylesheets per page — size which level passes the INP most often
Stylesheets per page — size 77 KB. p75 153 KB. p99 1.2 MB. At the low end (0–49 KB): INP 96ms. At the high end (300+ KB): INP 99ms. 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.