Menu
Do you know of an online CSS compressor that helps remove redudant/ineffecient CSS declarations and replaces it with more optimized CSS?
Meaning, I know that a lot of "compressors" exist that simply remove tabs, remove comments, etc.
But what I'm looking for is something smart enough to know that:
border-top: 1px solid red;
border-bottom: 1px solid red;
border-right: 1px solid red;
border-left: 1px solid red;
is the same as the more efficient:
border: 1px solid red;
UPDATE: The CSS I'm trying to optimize is at the link below
http://tinyurl.com/yhy5ln
854
It is important to minify your CSS and minimise JavaScript files so they can load faster on your web pages. There are many reasons why you should minify your CSS and JavaScript: Reduce file size: The more code there is in a file, the larger it will be. Minified code is usually much smaller than the original version.
To minify CSS, try CSSNano and csso. To minify JavaScript, try UglifyJS. The Closure Compiler is also very effective. You can create a build process that uses these tools to minify and rename the development files and save them to a production directory.
Will this do? It beautifies, minifies, merges, and simplifies rules where possible, and is highly configurable.
143
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
