Ingyenes online CSS Minify/Formatter

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS Minify Tool

A CSS kicsinyítése átveszi a megszerkesztett, jól formázott CSS-kódot, és eltávolítja a szóközt, a behúzást, az újsorokat és a megjegyzéseket. Ezek az elemek nem szükségesek a CSS sikeres használatához. Ez megnehezíti a CSS olvasását is.

Sok fejlesztő „bevált gyakorlata” az, hogy fenntart egy „szépített” verziót, és projektjük elindításakor a stílusokat egy minifikációs programon keresztül futtatja. Ezenkívül egy fájlba egyesítik a sok stílusfájlt.

 

Miért érdemes a CSS Minifiert használni?

A minifálás célja a weboldal sebességének növelése. A minimalizálás akár 20%-kal kisebbé teheti a szkriptet, ami gyorsabb letöltési időt eredményez. Egyes fejlesztők a kódjuk „elhomályosítására” is használják. Ez megnehezíti a kód beolvasását, ami megnehezíti a visszafejtést vagy másolást.

 

CSS kicsinyítési példa

Előtt:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

Után:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }