Simplify your CSS Find out how quickly your site loads

May 22, 2011

Simplify your CSS Find out how quickly your site loads
The CSS section of your Blogger template takes up a lot of the overall file size of your blog pages. This is because each element of your <b:skin> (or <style> for those using classic Blogger templates) is featured on a separate line. There is a lot of unnecessary "white space" (page breaks, indentations and spaces) and possibly HTML comments. By eliminating unnecessary white space and HTML comments, you can reduce the overall size of your blog pages. However, doing this can make it difficult to edit the style section afterwards!

Online CSS Optimizer/Optimiser is a web tool for reducing the file size of cascading style sheets. In order to save more space optimized files would be messy even so you may output it as a file. Non-valid or hacked (for certain browsers) CSS files may result in error.

If you would like to improve page loading time by optimizing the style section of your Blogger template, here is the easiest method you could use:

  1. Copy all of the code between the <b:skin> and </b:skin> tags in your blog's HTML code.
  2. In a new browser window or tab, visit the CSS Optimizer website, and paste your style code into the "direct input" box.
  3. Click the "Optimize" button (there is no need to check the box which says "do not remove line breaks").
  4. The next page will offer your optimized style code inside a text box, along with data of how much this has been compressed.
  5. Copy all of the code, and paste (replace )your style code into the xml tempalate.
  6. preview your blogs's faster.
  7. done


Post a Comment

© Copyright 2010-2011 free seo info web hosting and server All Rights Reserved.
Powered by