This page has been robot translated, sorry for typos if any. Original content here.

Online services for compressing and optimizing CSS code [UPDATE]

Онлайн-сервисы для сжатия и оптимизации CSS кода
w3.org

  • .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!

Try one of these online services for optimizing CSS files (some of them also offer JavaScript compression), and see how they can speed up the response time of a website and save bandwidth.

1. Cssdrive.com

Online services for compressing and optimizing CSS code

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.

2. Cleancss.com

Online services for compressing and optimizing CSS code

Cleancss.com - csstidy -based CSS formatting and optimizer is available in English, German, and French.

3. CSS Compressor

Online services for compressing and optimizing CSS code

CSS Compressor - you can choose 4 levels of compression.

4. CSS Optimizer

Online services for compressing and optimizing CSS code

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.

5. Codebeautifier.com

Online services for compressing and optimizing CSS code

Codebeautifier.com - CSS Compressor based on CSSTidy

6. Askapache.com

Online services for compressing and optimizing CSS code

askapache.com - this service uses part of the JavaScript port from the YUI Compressor, and part of the W3 CSS Validator. You can download a CSS file, specify the URL of the CSS file, or simply paste the CSS code into the form.

7. Iceyboard.no-ip.org

Online services for compressing and optimizing CSS code

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.

8. Ebiene.de

Online services for compressing and optimizing CSS code

Ebiene.de is a service for compressing JavaScript and CSS files. You can choose between basic and strong compression.

9. Pagecolumn.com

Online services for compressing and optimizing CSS code

Pagecolumn.com - Compress CSS, the ability to search and delete unused classes and IDs in CSS (optional).

10. Pingates.com

Online services for compressing and optimizing CSS code

Pingates.com - You can specify the URL of the CSS file or paste the CSS code.

11. Lotterypost.com

Online services for compressing and optimizing CSS code

Lotterypost.com CSS compressor - you just need to insert the CSS code and press the "Compress" button.

12. Peterbe.com

Online services for compressing and optimizing CSS code

Peterbe.com - XHTML, HTML and CSS Compressor. Without any options.

13. Refresh-sf.com

Online services for compressing and optimizing CSS code

Refresh-sf.com - Service for JavaScript / CSS compression. Uses YUI Compressor. Just paste the code into the text field or select the file to download. Then select the type of compression, JS or CSS.

14. Sevenforty.com

Online services for compressing and optimizing CSS code

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.

15. Phpinsider.com

Online services for compressing and optimizing CSS code

Phpinsider.com - uses the Monte Ohrt method, no compression options, just paste the CSS code and take the result.

16. Devtrench.com

Devtrench.com -CSS Compressor based on CSSTidy

17. Cssportal.com

Cssportal.com - CSS Compressor based on CSSTidy

18. Mabblog.com

Mabblog.com - Enter the URL of the CSS file or insert the CSS code, no compression options.

19. Creativyst.com

Creativyst.com - CSS and JavaScript compressor.

20. Generateit.net

Generateit.net - CSSSTressy-based CSS Compressor

21. Arrantius.com

Arrantius.com CSS Compressor - written in JavaScript, so there is no transfer of your CSS to an unknown server. He takes out comments and spaces in the CSS file, nothing more.

22. Artiss.co.uk

Artiss.co.uk - only download files, the ability to delete comments or not.

23. Homepage-Performance.de

Homepage-Performance.de - options: remove spaces, last semicolon, replace colors, etc. You can only insert CSS code in the input field.

24. Isnoop.net

Isnoop.net - options: remove spaces, indents and a new line in front of the opening brace.

Finally

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.