Optimise your CSS for a faster web site
Copy the contents of your file into the left hand side box, and you will get returned optimised CSS in the other. Perfect for transition from development to live.
About
We've added some example CSS below if you want to use it for testing.
This tool is designed to bring down the size of CSS files, and while this will help, it can't make decisions like what your file includes and where it should be within your site.
Current indications point to between 15% and 25% average reductions on size dependent on code styling, but as you can see in the example it has achieved 44%.
We've been using this for a number of years internally, so have confidence in it, however if you find it breaks your code then please feel free to contact us.
Test CSS
/*Test CSS*/
.share {
position: relative;
}
.shareItems {
position: absolute;
width: 112px;
height: 96px;
right: 0px;
top: 32px;
text-align: center;
background-color: #111111;
border-radius: 16px;
}
.share .shareItems {
display: none;
}
.share:hover .shareItems {
display: block;
}
Return CSS
.share{position:relative}.shareItems{position:absolute;width:112px;height:96px;right:0px;top:32px;text-align:center;background-color:#111;border-radius:16px}.share .shareItems{display:none}.share:hover .shareItems{display:block}
