Online services for compressing and optimizing CSS code [UPDATE]
- .Css extension
- Text / css mime type
- Developer World Wide Web Consortium
- Published December 17, 1996
- Format Type Language Style
- W3.org/Style/CSS website
CSS (English Cascading Style Sheets - Cascading Style Sheets) is a formal language for describing the appearance of a document written using a markup language. It is mainly used as a means of describing, shaping the appearance of web pages written using HTML and XHTML markup languages, but can also be applied to any XML documents, such as SVG or XUL.
One of the most important factors in developing a website is the site speed test. You need to load the page as quickly as possible, especially in the case of large sites with a large amount of CSS code, in which faster loading means improved usability and user satisfaction.
CSS compression tools improve load times by removing comments from code that include each command on a single line, removing white space — spaces and line breaks.
Keep in mind, if you really want to increase the performance of the website, after the development stage, you have to go even further and use GZIP compression and caching of your files. But we'll talk about it in the next article!
Cssdrive.com CSS Compressor - works in 2 modes: normal and advanced. You can choose from three levels of compression. The "Normal" mode should work well in most cases, creating an optimal balance between them.
3. CSS Compressor
CSS Compressor - you can choose 4 levels of compression.
4. CSS Optimizer
CSS Optimizer - CSS Optimization by specifying the URL of the css-file by downloading the file from the local computer or by directly entering the CSS code into the form.
Codebeautifier.com - CSS Compressor based on CSSTidy
iceyboard.no-ip.org CSS Compressor - You can download a file, specify the URL of the CSS file, or paste the CSS code. Good compression options.
Pagecolumn.com - Compress CSS, the ability to search and delete unused classes and IDs in CSS (optional).
Pingates.com - You can specify the URL of the CSS file or paste the CSS code.
Lotterypost.com CSS compressor - you just need to insert the CSS code and press the "Compress" button.
Peterbe.com - XHTML, HTML and CSS Compressor. Without any options.
Sevenforty.com CSS Compressor - Java based YUI Compressor. Just upload the CSS file you want to shrink and you will get a compressed CSS file in a ZIP archive.
Phpinsider.com - uses the Monte Ohrt method, no compression options, just paste the CSS code and take the result.
Devtrench.com -CSS Compressor based on CSSTidy
Cssportal.com - CSS Compressor based on CSSTidy
Mabblog.com - Enter the URL of the CSS file or insert the CSS code, no compression options.
Generateit.net - CSSSTressy-based CSS Compressor
Artiss.co.uk - only download files, the ability to delete comments or not.
Homepage-Performance.de - options: remove spaces, last semicolon, replace colors, etc. You can only insert CSS code in the input field.
Isnoop.net - options: remove spaces, indents and a new line in front of the opening brace.
Do not be afraid to experiment with these services. Most of them show the result as a percentage of the original compression and the size of the output file.
If you know any other CSS optimization services that are not in this article, please let us know in the comments.