# How to reduce unused CSS

> Most sites ship stylesheets where 80–90 % of the rules never apply to the page. Removing or splitting them cuts render-blocking bytes.

Speed & Core Web Vitals · HTML version: https://getreport.app/learn/unused-css

## Unused CSS

Passing looks like: Little unused CSS is downloaded.

**Why it matters.** Most of the CSS on a typical page is never used on that page. It still has to download and parse before anything renders.

**How to fix it.**

1. Remove or split stylesheets so each page loads only what it needs; page builders and themes often ship one giant file.
2. Use a "remove unused CSS" feature (WP Rocket, LiteSpeed Cache, PurgeCSS in your build).
3. Load below-the-fold or component CSS on demand.

Check your own page: https://getreport.app/