Reduce unused CSS er en PageSpeed-anbefaling om stylesheets, hvor en stor del af reglerne aldrig matcher den aktuelle side. Browseren skal stadig downloade og parse filen, før rendering kan fortsætte sikkert. Det forsinker critical rendering path uden at give synlig værdi.
Hvor CSS-bloat kommer fra
- Page builders og temaer med store globale frameworks.
- Plugins, der loader CSS på alle sider.
- Ikon-fonte og UI-biblioteker, hvor kun få klasser bruges.
- Én samlet CSS-fil til hele sitet i stedet for skabelon-specifikke assets.
Sådan arbejder du med det
Coverage-panelet i Chrome DevTools viser, hvor meget CSS der er rød (ubragt) på en given URL. Prioritér forsiden og de tungeste skabeloner. Fjern plugin-CSS, der ikke skal globalt; brug conditional enqueue i WordPress; overvej critical CSS til first paint og udskyd resten. Automatisk “purge” kan knække dynamiske klasser — test login, kurv og builders.
Måling
Sammenlign filstørrelse, FCP/LCP og antal CSS-requests før og efter. Målet er mindre CSS på den kritiske sti — ikke nødvendigvis nul “unused” i Coverage, som altid vil vise noget rødt på dynamiske sider.