Compression tools for CSS files

How fast a Web page is loaded, is not only an important factor in web design has become since the Google has announced this into account in the future as a ranking factor.

Ideally web pages consist of several files (X) HTML file, the CSS file may from JavaScript files, etc..

All these data will be loaded when you open the Web page in a browser and thus have influence on the loading speed.

Even with the CSS files and JavaScript files, you can optimize some of the loading speed in which you simply save the files compressed.

Today I present to you an online tool for compressing CSS files before.

Common CSS code during the development phase

During the development it is appropriate to structure the CSS code makes sense and the individual characteristics of a line in the CSS file to write. CSS is just newcomers to recommend it to keep track of tasks.

An example:

 body {
 background-color: # ccc;
 color: # 000000;
 font-size: 12px;
 font-weight: bold;
 }
 h1 {
 color: # CC0000;
 font-size: 30px;

 }

Such a code is of course very easy to read, on the other side but also very "talkative" - ​​every single line of physical storage costs and thus charge time later build the website.

The compressed CSS code

In a compressed CSS code in the first place, the lines of the CSS file will be "pulled together" and comments are removed.

For the example above it looks like this:

This corresponds to a reduction in file size by about 22%.

My example was now very small - sure you can imagine that it would be extremely worthwhile for large CSS files can compress the files and thus speed up the loading time of the site.

The CSS optimizer and formatter of CLEANCSS.com

Who does not want to run the compression by hand, which are a large number of CSS compressors are available online to take on this task for you.

Most of these tools are based on CSSTidy - an open source CSS parser which has a number of compression functions.

The online tool CLEANCSS.com all these functions have been considered.

You can use this online shrinker CSS, the CSS data into the field intended to copy or download from a URL and select a variety of compression options.

The result can be displayed on the screen or write to a file.

Give it a try - compress well worth it.

Is the slow time is fast hpvorlagen24.de sometimes - Sigh ...

Related Link:

A beautiful assortment of other CSS compression tools is at mostinspired.com titled " Online CSS compressor tools to optimize your style sheets appeared. "

In this paper we will present 16 of these compressors.