CSS
Analyse stylesheets: file size, coverage, selector specificity, and duplicate declarations.
Advantages
Byte-level CSS coverage
Precise measurement of used vs unused CSS per file. See exactly how many kilobytes the browser downloads for nothing, and trim your page weight.
Specificity control
Report on min, average, and max selector specificity with the top-10 heaviest selectors. Keeps the cascade predictable and styles easy to maintain.
Duplicates & !important detection
Automatic discovery of repeated declarations and !important overuse. Reduce CSS size without losing functionality.
Full stylesheet map
Overview of every connected file — external and inline — with sizes, types, and coverage percentages. Media queries, vendor prefixes, colours, and fonts in one report.
How it works
Tools
FAQ
The browser downloads and parses all CSS before rendering starts. Extra styles increase blocking time, slowing FCP and LCP. Removing unused CSS is one of the most effective ways to speed up page load.
Specificity determines which CSS rule wins in a conflict. High specificity leads to 'selector wars' and makes maintenance harder. The report highlights problematic selectors so you can simplify the cascade.
!important breaks the natural CSS cascade and makes styles unpredictable. Each new !important forces yet another one to override it. The report lists every such declaration so you can refactor them gradually.
Total CSS size, file and rule counts, selector count, unused style percentage, top specificity scores, duplicate list, !important declarations, media queries, vendor prefixes, colour palette, and fonts in use.
Analysis of a single page typically takes under a minute. The service loads the page in a real browser, collects all stylesheets, and analyses coverage under real conditions.