Minifikujte a komprimujte šablóny so štýlmi CSS okamžite vo svojom prehliadači. Odstráňte komentáre, zbaľte medzery a zmenšite veľkosť súboru. Bezplatné a súkromné.
Podporuje súbory .css. Alebo prilepte svoj CSS vyššie.
Miniifikácia CSS odstraňuje medzery, komentáre a nepotrebné znaky zo šablóny so štýlmi, aby sa zmenšila jej veľkosť pred zobrazením v prehliadačoch. Skutočné pravidlá sú nezmenené: miniatúra štýlov vykresľuje stránky identicky ako neminifikovaný zdroj. Úspory pochádzajú z odstránenia nových riadkov, nadbytočných bodkočiarok, komentárov, hex-farebných skratiek a skratiek s nulovými jednotkami (nahradením 0px 0).
Na moderných webových stránkach s desiatkami pravidiel štýlu je typické zníženie o 20 – 40 % v porovnaní s nezmenšeným zdrojom. V kombinácii s kompresiou gzip na serveri sa marginálne úspory zmenšujú – gzip už efektívne komprimuje opakovaný text – ale táto kombinácia stále prekonáva kompresiu samotnú, najmä keď sú šablóny so štýlmi uložené do vyrovnávacej pamäte a mnohokrát sa poskytujú mnohým návštevníkom.
Tento minifikátor spracováva CSS v jedinom prechode, odstraňuje komentáre mimo hodnôt url(), zbaľuje medzery, odstraňuje nadbytočné bodkočiarky pred uzavretím zložených zátvoriek, používa skratku s nulovou jednotkou a konvertuje šesťmiestne hexadecimálne farby na trojciferný tvar, kde je to možné (#ffffff → #fff). Výstup zostáva platným CSS, ktorý každý prehliadač správne analyzuje.
Menšie súbory CSS sa načítavajú rýchlejšie a čas blokovania vykresľovania sa skracuje, čo zlepšuje skóre First Contentful Paint a Great Contentful Paint. Na stránkach, kde Core Web Vitals ovplyvňujú hodnotenie vyhľadávania, stojí za námahu každý kilobajt CSS blokujúceho vykresľovanie.
Náklady na šírku pásma sú tiež dôležité. Stránky, ktoré poskytujú milióny zobrazení stránok, šetria merateľné množstvo výstupov, keď sú ich šablóny so štýlmi o 30 % menšie. Účty CDN, používanie mobilných dát a spotreba energie – to všetko mierne profituje. Minifikácia je v podstate bezplatná – jednorazový krok zostavenia bez nákladov na údržbu.
Prilepte CSS a získajte minifikovanú verziu.
Minifikácia CSS je väčšinou konzervatívne odstraňovanie prázdnych miest. Biele znaky vo vnútri selektorov, deklarácií a hodnôt sa zachovajú tam, kde je to dôležité; biely priestor vonku je zbalený. Komentáre sa odstránia, pokiaľ nezačínajú znakom /*! (komentáre o zachovaní licencie).
Bežné skratky: 0px, 0em a podobné hodnoty s nulovou jednotkou sa stanú 0; šesťmiestne hexadecimálne farby so spárovanými číslicami (#ffffff, #336699) sa stanú trojmiestnymi (#fff, #369); posledná bodkočiarka pred znakom } sa odstráni. Názvy farieb sa nekonvertujú na hex automaticky, pretože hex je niekedy dlhší (červená je kratšia ako #f00 na dĺžku; #ff0000 je dlhšia ako červená).
Výstup by mal prejsť akýmkoľvek validátorom CSS, ktorý akceptuje vstup. Podpora prehliadača je nezmenená — minifikácia nemodifikuje samotné pravidlá, iba ich textovú reprezentáciu.