0

CSS Minifier Online

CSS, JavaScript, HTML vagy JSON kicsinyítése a böngészőben: távolítsa el a megjegyzéseket és a szóközöket, és azonnal láthatja a mentett méretet.

Feldolgozás... 0%
Forráskód elemzése
A megjegyzések lehúzása
Összecsukható szóköz
Méretmegtakarítás mérése

Eredmény

Ez az oldal megnyitja a kódminifiert előre kiválasztott CSS-sel. Illesszen be egy stíluslapot, nyomja meg a gombot, és egyetlen kompakt sort kap: a megjegyzések eltávolítva, a szóközök összecsukva a kapcsos zárójelek, kettőspontok, pontosvesszők és vesszők körül, valamint a redundáns utolsó pontosvessző minden záró kapcsos zárójel eldobása előtt.

A CSS nagyon jól reagál a kicsinyítésre, mivel a formázott stíluslapok többnyire behúzásokból és megjegyzésekből állnak – a tipikus megtakarítások a fájlméret 15-40%-a között futnak. A kisebb CSS azt jelenti, hogy a böngésző hamarabb kezdi el a megjelenítést, mivel a stíluslapok megjelenítést blokkoló erőforrások: minden CSS-ből levágott kilobájt lerövidíti az első festés idejét lassú kapcsolatok esetén.

A minifier gondosan ügyel arra, hogy hol van jelentősége: a tartalomtulajdonságokban és az url() értékekben szereplő karakterláncok szó szerint másolódnak, a választó szintű kettőspontok körüli szóközök pedig megmaradnak, így az olyan kombinációk, mint az „a :hover”, megtartják jelentésüket. A méret panelen láthatók az előtte és utána bájtok, plusz a mentett százalék, és az eredmény egy kattintással másolható vagy letölthető.