Při deployi statické stránky bez build pipeline (rovnou minifikuj a uploaduj). Inlinování CSS do tagu, kde každý byte jde po wire při každém načtení stránky. Rychlá one-off optimalizace 3rd-party CSS, které dostaneš nezminifikované.

Ztráta komentářů. I komentáře s licencemi se ztratí — pro ty použij /*! ... */ a specializovaný minifier (cssnano), ne tenhle. Žádné sémantické optimalizace. Tenhle nástroj neslučuje selektory ani neoptimalizuje shorthand-y — dělá jen whitespace minify. Gzip ti dá víc. Minify šetří ~20–30 %, gzip přidává dalších 70–80 %. Vždy nasaď oba. Source maps. Při ladění produkčního CSS chceš source map — tenhle minifier je negeneruje.

CSS Minifier

Odstraň komentáře, whitespace a redundanci z CSS. Podívej se na velikost před/po a procento úspory.

Vstup

Výstup

Vytvořil JXXR1 · ♥ Sponzorovat · ☕ Kup mi kávu

K čemu to slouží?

CSS minifier vezme čitelné CSS a vyhodí všechno, co prohlížeč nepotřebuje — komentáře, whitespace, koncové středníky, přebytečné mezery. Výstup je menší soubor, který rychleji teče po síti a rychleji se parsuje.

Kdy to použít

Při deployi statické stránky bez build pipeline (rovnou minifikuj a uploaduj).
Inlinování CSS do <style> tagu, kde každý byte jde po wire při každém načtení stránky.
Rychlá one-off optimalizace 3rd-party CSS, které dostaneš nezminifikované.

Časté chyby

Ztráta komentářů. I komentáře s licencemi se ztratí — pro ty použij /*! ... */ a specializovaný minifier (cssnano), ne tenhle.
Žádné sémantické optimalizace. Tenhle nástroj neslučuje selektory ani neoptimalizuje shorthand-y — dělá jen whitespace minify.
Gzip ti dá víc. Minify šetří ~20–30 %, gzip přidává dalších 70–80 %. Vždy nasaď oba.
Source maps. Při ladění produkčního CSS chceš source map — tenhle minifier je negeneruje.