CSS Minifier
Odstraň komentáře, whitespace a redundanci z CSS. Podívej se na velikost před/po a procento úspory.
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.