CSS Minifier

CSS minification removes all unnecessary characters from a CSS stylesheet without affecting how the page looks. This includes whitespace, line breaks, comments, and the last semicolon before a closing brace. The output is a single-line stylesheet that is functionally identical to the original but significantly smaller — typically 20–40% smaller before compression.

CSS jest zasobem blokującym renderowanie. Przeglądarki muszą pobrać i przeanalizować wszystkie CSS, zanim będą mogły renderować stronę, co oznacza, że duże lub niezminifikowane pliki CSS opóźniają First Contentful Paint (FCP) i Largest Contentful Paint (LCP). Google PageSpeed Insights oznacza niezminifikowany CSS jako możliwość „Minify CSS”, a narzędzia, takie jak Lighthouse, penalizują arkusze stylów blokowania renderowania w audytach wydajności.

To narzędzie przetwarza CSS w całości w przeglądarce za pomocą niestandardowego algorytmu minifikacji. Usuwa komentarze, zwija białe spacje, usuwa spacje wokół znaków składni CSS ({, }, :, ;, ,) i upuszcza końcowe średniki przed zamknięciem nawiasów. Funkcja Beautify odwraca ten proces, ponownie wprowadzając reguły czytelności — przydatne, gdy otrzymujesz zminimalizowany CSS od strony trzeciej i musisz go przeczytać lub zmodyfikować.