CSS Minify Tool- Ilmainen CSS-pienentäjä ja -pakkaaja verkossa

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS-pienennystyökalu

CSS:n minimointi poistaa kirjoittamastasi kaunistellusta ja hyvin muotoillusta CSS-koodista välilyönnit, sisennykset, rivinvaihdot ja kommentit. Näitä elementtejä ei tarvita CSS:n onnistuneeseen käyttöön. Se myös vaikeuttaa CSS:n lukemista.

Monien kehittäjien "parhaina käytäntönä" on ylläpitää "kaunista" versiota ja projektia julkaistaessa ajaa tyylit minimointiohjelman läpi. He myös yhdistävät useat tyylitiedostonsa yhdeksi tiedostoksi.

 

Miksi käyttää CSS Minifieria?

Minimoinnin tarkoituksena on lisätä verkkosivuston nopeutta. Minimointi voi pienentää skriptiä jopa 20 %, mikä johtaa nopeampaan latausaikaan. Jotkut kehittäjät käyttävät sitä myös koodinsa "hämärtämiseen". Tämä vaikeuttaa koodin lukemista, mikä vaikeuttaa sen takaisinmallintamista tai kopioimista.

 

CSS-minify-esimerkki

Ennen:

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

Jälkeen:

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