Loading, please be patient.

Css Minifier - Minify css online




CSS Minify Tool


CSS Minifier tool helps to optimize the CSS code by removing the extra spacings or comments. The elements that are removed are not required for CSS to get implemented successfully. Moreover, it also makes the CSS code more difficult to read. Furthermore, many developers use the CSS minifier to minify the long CSS version, and when rolling out their project they will combine their many CSS style files into one minified CSS file version.


A Minify Example


Before:

body {

  background-color: lightgrey;

}


h1 {

  color: white;

  text-align: center;

}


p {

  font-family: arial;

  font-size: 20px;

}


After:

body {background-color: lightgrey;}h1 {color: white;text-align: center;}p {font-family: arial;font-size: 20px;}


Why should we use CSS Minifier?


The sole purpose of CSS minification is to optimize the CSS code so as to increase the speed of a website. Moreover, CSS minification can make a script up to 20% smaller making the website faster. Some developers will also use it to 'muddle' their code and as a result, it makes the code difficult to read (making it difficult to copy or reverse engineer the code). However, the most common practice for CSS minification is to combine all the CSS files into one single file. The benefit is that it reduces the number of HTTP requests and makes the GZIP compression more powerful.