Compress CSS to Speed ​​Loading Blog







One of the tricks of SEO so that your blog can be indexed faster in the search engines is to speed up loading the blog. Well, for those of you who are very fond of the design blog suggested for trinkets in order to reduce the web such as images, flash animations, etc. Use only as needed.

In addition optima CSS script on your blog. 
CSS stands for Cascading Style Sheet is a document that is used to design or adjust the display layout of a web page, this CSS is embedded in the HTML tag which means stick or attach to the HTML tag.With CSS, we can control / manage the entire web page with only a CSS document, biasan extensions to CSS files are .css (dot css). Additionally, CSS can also replace the function table and can minimize the size of the HTML file. Well, loading CSS on blogs vary depending on the design or command on the CSS. 
In this tutorial, I give tricks to compress CSS so loading the blog is quite mild. See the following example: 


Examples of uncompressed CSS: #contohheader {
margin-top: 10px;
margin-right: 5px;
margin-bottom: 15px;
margin-left: 20px;
}
Examples CSS after being compressed: #contohheader {
margin: 5px 10px 15px 20px;
}

Well, it is for example compress CSS. What if in your CSS document so long ?? what do you think? Very tiring is not it? Not only exhausting, but also very time consuming pretty much just speed up loading our blog. Therefore we use a tool that greatly ease the work that is CSS compressor , please click ..

Good, now how do I use it? To use please log in first on your blog, remember your previous backup template and follow the steps below.
1. Once logged on your blog, go to the Design menu and select Edit Html
2. Script and CSS on a blog usually is generally located between the code <b: skin> <! [CDATA [untilthe code]]> </ b: skin> If less clear, Look for the example below;

<b: skin> <! [CDATA [Here onset | , , , , , ,
, , , , The code-CODE CSS. , , , ,
to here |
]]> </ b: skin>

3. Go to the site CSS compressor here
4. Setting the settings as follows:

Compression mode = select 'Normal'
Comment handling = select 'Do not strip any comments'

Paste the CSS code that has been cut earlier in the empty box. Then click Compress-It. Further copies of the earlier kompresan results and place in your template between the code:

<b: skin> <! [CDATA [Paste here the CSS code that has been compressed before
]]> </ b: skin>

5. Finally click SAVE.

Good luck, good luck .. ^ _ ^


Previous
Next Post »