CSS Minify Tool- Gratis online CSS-minifier en -compressor

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS-verkleiningstool

Door CSS te verkleinen, worden de mooie, goed gevormde CSS-code die je hebt geschreven, verwijderd en worden de spaties, inspringingen, nieuwe regels en opmerkingen verwijderd. Deze elementen zijn niet vereist voor een succesvolle werking van CSS. Het maakt de CSS ook moeilijker leesbaar.

De 'best practice' van veel ontwikkelaars is om een ​​'verfraaide' versie te onderhouden en bij de uitrol van hun project de stijlen door een minimalisatieprogramma te laten lopen. Ze combineren ook hun vele stijlbestanden tot één bestand.

 

Waarom CSS Minifier gebruiken?

Minifcation is bedoeld om de snelheid van een website te verhogen. Minimalisatie kan een script tot 20% kleiner maken, wat resulteert in een snellere downloadtijd. Sommige ontwikkelaars gebruiken het ook om hun code te 'verduisteren'. Dit maakt de code moeilijker leesbaar, waardoor reverse-engineering of kopiëren moeilijker wordt.

 

CSS Minify-voorbeeld

Voor:

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

Na:

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