CSS Analysis
The CSS Analysis Test inspects every stylesheet on a page and reports total selector count, specificity distribution, unused rules, oversized files, and any !important overuse. Bloated stylesheets with thousands of unused selectors are a hidden performance and maintainability cost — they slow down style recalculation, increase CSS payload size, and make any future redesign painful.
What This Tool Checks
- Total selector count across all stylesheets
- Estimated unused CSS bytes
- Selector specificity distribution
- !important usage frequency
- Duplicate / overlapping rules
- CSS file count and per-file size
Why It Matters for SEO
Most production sites ship 60-90% unused CSS — a side effect of CSS frameworks, growing component libraries and copy-paste code. Unused CSS bloats download size, slows style recalculation and signals architectural debt. Cleaning up unused CSS, taming specificity wars and removing !important escalations are the difference between a maintainable design system and a fragile one.
How to Fix It
Run PurgeCSS / Tailwind's built-in purge against your production HTML to strip unused selectors. Audit and remove unused CSS frameworks. Replace !important with deliberate specificity restructuring. Consolidate duplicates. Track CSS bundle size as a build-time budget.
How It Works
We render the page in headless Chrome, use the Coverage API to detect which CSS rules are actually applied to the rendered DOM, then aggregate the unused versus used totals. Specificity scores and !important counts are computed from the parsed AST.
Common Mistakes to Avoid
- Including the entire CSS framework when only 10% is used
- Loading multiple competing CSS frameworks (Bootstrap + Tailwind + custom)
- Specificity wars solved with !important escalation
- Same selectors duplicated across multiple stylesheets
- Never running PurgeCSS or equivalent in the production build
Quick Checklist
- Unused CSS below 30% on production builds
- No competing CSS frameworks loaded
- Less than 1% of rules use !important
- CSS bundle under 100 KB on most templates
- Build pipeline includes a purge / treeshake step