Custom Search

Search My Download Corner

Sunday, November 9, 2008

Simplify your CSS for a Faster Loading Blog

Here is an easy way to improve page loading time by optimizing the style section of your Blogger template.
By eliminating unnecessary white space and HTML comments, you can reduce the overall size of your blog pages

Online CSS Optimizer/Optimizer is a web tool for reducing the file size of cascading style sheets.

Before even attempting to customize your Blogger template, the first thing you should do is back up your template. This ensures you can easily restore your original template if something goes wrong.

1. Copy all of the code between the <b:skin> and </b:skin> tags in your blog's HTML code (for classic template users, this is the section between the <style> and </style> tags).
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.
Copy all of this code to your clipboard.
5. Replace all of the existing code in your Blogger template between the <b:skin> or <style> tags with this optimized code.
6. Preview your template to ensure your template displays properly with these modifications, and finally save your template.

View blog reactions


Post a Comment