Various free net services that will optimize CSS and reduce file size



Although it is CSS which can be said to be essential in the production of the page, it seems that it can contribute to speeding up page loading by optimizing the CSS file, and saving transfer fee if it is a site with high traffic.

So, I searched for various CSS optimization net services that exist at the moment and enumerated them. Even if we say optimization, there are various methods depending on the service, so it may be possible to find the optimization site in the direction that I am aiming from among them.

The list of free net services that will optimize CSS and reduce file size is as follows.
Clean CSS - A Resource for Web Designers - Optmize and Format your CSS
http://www.cleancss.com/
It is possible to reduce the capacity of CSS files which can be customized considerably by leaving comments, sorting, compressing, optimization levels and option specifications. The smaller the file size, the more readability will be lost, so be careful.


The above service is based on "CSSTidy" below.

CSSTidy
http://csstidy.sourceforge.net/

Online CSS Optimizer / Optimiser
http://www.cssoptimiser.com/
It will automatically optimize by directly specifying the address of the CSS file or uploading it. Convenient to try a bit.


Online CSS Optimizer / Optimizer: flumpCakes
http://flumpcakes.co.uk/css/optimiser/
It can be used by specifying the address of the CSS file or by directly copying and pasting. Since RGB can be set to Hex value and various options can be set, compression can be performed while maintaining readability to some extent.

Format CSS Online
http://www.lonniebest.com/FormatCSS/
The focus is on optimizing the format rather than shrinking the file size. It can be used when the file size is reduced too much and the translation is lost.

Icey> CSS Compressor
http://iceyboard.no-ip.org/projects/css_compressor
Instead of completely abandoning reading, it cuts down the limits to extra limits and reduces the file size.


In addition, it is important to carefully prepare a smart CSS file by paying attention to various things at the time of production.

XHTML optimization method | Web :: Blogoscope

Also, if you want to further compact while keeping the maximum readability, you can apply GZIP compression to CSS file during transfer as follows. The point of this method is to use PHP.

The Definitive Post on Gzipping your CSS

If you know other useful services and methods, please show them by trackback etc. We will be saved.

in Web Service, Posted by darkhorse