Enter your CSS code to compress:
Add up to 10 multiple CSS files (Size Limit: 2MB per file)
CSS Optimizer takes the beautified, properly formed CSS code that you have written and gets rid of the spacing, indentation, newlines, and comments. Those factors aren't required for CSS for use efficaciously. It additionally makes the CSS more hard to examine.
The 'excellent exercise' of many developers is to keep a 'beautified' model, and when rolling out their challenge will run the patterns thru a minification program. They will also integrate their many style documents into one file.
Before:
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
After:
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
Why use CSS Optimizer?
The reason of CSS Optimizer is to growth the speed of a internet site. Minimisation can make a script up to twenty% smaller, resulting in a faster down load time. Some dev elopers will also use it to 'obfuscate' their code. This makes it tough for the code to be examine, thereby making it more tough to reverse engineer or copy.
It's also not unusual exercise to combine all of the CSS documents for a single website into one file. This has a number of advantages. It reduces the variety of HTTP r equest that want to be made to get all of the elements of a website. It also makes minification and gzip compression extra effective.
