Online services for compressing and optimizing CSS code [UPDATE]
- Extension .css
- MIME type text / css
- Developer of the World Wide Web Consortium
- Published December 17, 1996
- Format Type Styles
- Website w3.org/Style/CSS
CSS (English 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, visualizing the appearance of web pages written using markup languages HTML and XHTML, but can also be applied to any XML documents, for example, to SVG or XUL.
One of the most important factors in the development of a website is the site speed test. Download the page as quickly as possible, especially in the case of large sites with lots of CSS code, in which faster downloads mean better usability and user satisfaction.
CSS compression tools improve download time by removing comments from code that include each command in one line, removing "white space" - spaces and line breaks.
Keep in mind, if you really want to increase the performance of your website, after the development stage, you have to go even further and use GZIP compression and caching your files. But we'll talk about this in the next article!
Cssdrive.com CSS Compressor - works in 2 modes: normal and advanced. You can select one of three compression levels. The "Normal" mode should work well in most cases, creating an optimal balance between them.
Cleancss.com - CSS formatting and optimizer based on csstidy is available in English, German and French.
3. CSS Compressor
CSS Compressor - you can select 4 levels of compression.
4. CSS Optimizer
CSS Optimizer - Optimizing CSS 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 upload a file, specify the URL of a CSS file or insert a CSS code. Good compression options.
Pagecolumn.com - Compression CSS, the ability to find and remove unused classes and IDs in CSS (optional).
Pingates.com - You can specify the URL of the CSS file or insert the CSS code.
Lotterypost.com CSS compressor - you just need to insert the CSS code and click the "Compress" button.
Peterbe.com - XHTML, HTML and CSS compressor. Without any options.
Sevenforty.com CSS Compressor - based on Java YUI Compressor. Just load the CSS file that you want to reduce and you will get a compressed CSS file in the ZIP archive.
Phpinsider.com - uses the Monte Ohrt method, no compression options, just insert the CSS code and take the result.
Devtrench.com- CSS Compressor based on CSSTidy
Cssportal.com - CSS Compressor based on CSSTidy
Mabblog.com - Specify the URL of the CSS file or insert the CSS code, there are no compression options.
Generateit.net - CSS Compressor based on CSSTidy
Artiss.co.uk - only downloading files, the ability to delete comments or not.
Homepage-Performance.de - options: delete spaces, last semicolon, replace colors, etc. You can only insert the CSS code in the input field.
Isnoop.net - options: remove spaces, indents and a new line before the opening brace.
Do not be afraid to experiment with these services. Most of them show the result as a percentage of compression from the original and the file size on the output.
If you know any other online CSS optimization services that are not in this article, please report it in the comments.