Pri deploye statickej stránky bez build pipeline (rovno minifikuj a uploaduj). Inlineovanie CSS do tagu, kde každý byte ide cez wire pri každom načítaní stránky. Rýchla one-off optimalizácia 3rd-party CSS, ktoré dostaneš nezminifikované.

Strata komentárov. Aj komentáre s licenciami sa stratia — pre tieto použij /*! ... */ a špecializovaný minifier (cssnano), nie tento. Žiadne sémantické optimalizácie. Tento nástroj nezlučuje selectory ani neoptimalizuje shorthand-y — robí len whitespace minify. Gzip ti dá viac. Minify šetrí ~20–30 %, gzip pridáva ďalších 70–80 %. Vždy nasaď oba. Source maps. Pri ladení produkčného CSS chceš source map — tento minifier ich negeneruje.

CSS Minifier

Odstráň komentáre, whitespace a redundanciu z CSS. Pozri si veľkosť pred/po a percento úspory.

Vstup

Výstup

Vytvoril JXXR1 · ♥ Sponzorovať · ☕ Kúp mi kávu

Načo to slúži?

CSS minifier zoberie čitateľný CSS a vyhodí všetko, čo prehliadač nepotrebuje — komentáre, whitespace, koncové stredníky, prebytočné medzery. Výstup je menší súbor, ktorý rýchlejšie tečie po sieti a rýchlejšie sa parsuje.

Kedy to použiť

Pri deploye statickej stránky bez build pipeline (rovno minifikuj a uploaduj).
Inlineovanie CSS do <style> tagu, kde každý byte ide cez wire pri každom načítaní stránky.
Rýchla one-off optimalizácia 3rd-party CSS, ktoré dostaneš nezminifikované.

Časté chyby

Strata komentárov. Aj komentáre s licenciami sa stratia — pre tieto použij /*! ... */ a špecializovaný minifier (cssnano), nie tento.
Žiadne sémantické optimalizácie. Tento nástroj nezlučuje selectory ani neoptimalizuje shorthand-y — robí len whitespace minify.
Gzip ti dá viac. Minify šetrí ~20–30 %, gzip pridáva ďalších 70–80 %. Vždy nasaď oba.
Source maps. Pri ladení produkčného CSS chceš source map — tento minifier ich negeneruje.