Minifikator CSS online

Ta strona otwiera minifikator kodu z wstępnie wybranym CSS. Wklej arkusz stylów, naciśnij przycisk i otrzymasz pojedynczą zwartą linię: usunięte komentarze, białe znaki zwinięte wokół nawiasów klamrowych, dwukropków, średników i przecinków oraz zbędny ostatni średnik przed opuszczeniem każdego nawiasu zamykającego.

CSS bardzo dobrze reaguje na minifikację, ponieważ sformatowane arkusze stylów składają się głównie z wcięć i komentarzy — typowe oszczędności wynoszą od 15% do 40% rozmiaru pliku. Mniejszy CSS oznacza, że ​​przeglądarka zaczyna renderować wcześniej, ponieważ arkusze stylów są zasobami blokującymi renderowanie: każdy kilobajt przycięty z CSS skraca czas pierwszego malowania przy wolnych połączeniach.

Miniyfikator jest ostrożny tam, gdzie ma to znaczenie: ciągi znaków we właściwościach treści i wartości url() są kopiowane dosłownie, a spacje wokół dwukropków na poziomie selektora są zachowywane, dzięki czemu kombinatory takie jak „a :hover” zachowują swoje znaczenie. Panel rozmiaru pokazuje bajty przed i po oraz zapisany procent, a wynik można skopiować lub pobrać jednym kliknięciem.