How to Increase Blog Loading Speed | Optimization Tips

on 27 October 2011

If you have any queries like "How to increase my blog speed" or "How to make my blog load faster". These are the perfect solutions for you. Many search engines including Google, consider the page speed performance as an important aspect in SEO. Websites or blog with higher page load time are frustrating for the Internet surfers. In addition, slow blogs cannot attract advertisers.

Faster blogs provide a better user experience. Reducing page load times can reduce bounce rates and increase conversion rates.

What is page load time?

Page load time is the total time from the moment the user clicks on a link to your page until the time the entire page is loaded and displayed in a browser.

Things that makes web pages slow

There could be several reasons for slow webpage loading. The most common problems behind the slow loading time are:

  1. Widgets and plugins
  2. Large image size
  3. Space between the theme code (html, css, javscript etc)
  4. Social Media Buttons
  5. Bad theme coding
  6. Lot of animation

Check the Current Speed of the Blog

The first thing you will want to do is to analyze your current page speed. This allows you to track your improvement and ensure that any changes you make positively improves your page load performance.

Various free online tools are available for this purpose. Here are few of them which I like to use:

  1. Pingdom is an easy-to-use site speed test examines all parts of a web page.
  2. Page Speed Online from Google, analyzes the content of a web page, then generates suggestions to make that page faster. It gives your page speed score out of 100. This blog got an page speed score of 93 out of 100.
  3. Page Speed
  4. Web Page Test is another good tool that shows you the speed and performance of your website in different browsers.
  5. Which Loads Faster shows you page loading comparisons between two sites.

I would recommend to test the loading time both for your blog homepage and the post page. This is because the page speed of homepage and the post page may vary a lot in some cases due to widgets and plugins only installed for the post page.

How to speed up your blog

I have shown the most common practices below which will surely increase your blog's loading speed. Remember, speed optimization is not a one time process. You have to keep the speed factor in mind every-time you write a new article on your blog.

Use right theme/template

The theme or template you choose can make a big difference. Many bloggers make the mistake of choosing a free theme. Every blogger should go for premium themes. Premium themes are more carefully coded and optimized than free ones.

Its not always about choosing the paid themes, its about choosing the right and nicely coded theme. A free theme can do wonders for your blog if it is nicely coded.

Compress code

Every single whitespace takes up one byte. You should remove whitespace from your theme coding which can reduce the page load time significantly by about 5% to 10%.

One disadvantage of compressing code or removing space is it becomes too difficult if you need to edit the code later. So I would advice to take a backup of the code and then compress it. White space can be removed manually or you can use some of the tools available online:

  1. CSS compressor : http://www.csscompressor.com
  2. Online Javascript compressor : http://javascriptcompressor.com
  3. Compress JavaScript and CSS : http://compressor.ebiene.de
  4. Clean CSS : http://www.cleancss.com
  5. HTML code compressor : Text fixer

Remove useless widgets and plugins

Some bloggers have a habit to fill up the blog space with extra plugins or widgets because they think it will make their blog look cool. Actually the coolest blog design is the one which is very simple and aesthetically pleasing.

Avoid unnecessary plugins. The less plugins you have on your blog, less time it takes to load. Remove any extra widgets and plugins you’re using on your blog, which are not necessary. Only use plugins which are really needed for your site.

Use a good web hosting service

Hosting plays an important role in your blog’s loading speed. You should review your host because it can make much difference. Shared hosting can slow down load times. If you can't afford dedicated host at least don't go for free hosting. Majority of the free web hosting have poor uptime rate and comparing to paid hosting they are very slow.

Optimize images

A website with no image would make your webpage damn fast but it’s not possible to avoid images on your website. A good illustration on your website not just makes you website look elegant, it also helps the visitors to understand the content quickly.

Use the appropriate file format for your images. Changing to a different file format can decrease the file size of an image:

  1. JPEG format should be used for images with lots of colors and details like realistic images.
  2. GIF format is ideal for images with few colors like logos & clip-arts.
  3. PNG should be used when you need high quality transparent images. PNG is the right choice for images with text, webcomics, graphs or images having more white space.

You can compress images to a smaller size without loss in image quality with various online tools and software. You can use Adobe Photoshop to make the Image Size Smaller and remove the excess white space.

compress image

Jpeg optimizer and www.imageoptimizer.net are online tools which can be used to compress images.

Use social images instead of buttons

Social network buttons take so much time to load, and can really slow your blog down. Displaying two or three buttons might be okay, but if you want to show all the buttons, I’d suggest you use images instead like I have used (see besides blog logo).

Minimize HTTP Requests

If you have multiple cascading style sheets (CSS) and JavaScript libraries, combine them to reduce the number of HTTP requests. By minimizing the number of requests a web page needs to make, it will load faster. Don't use links of images from other websites, instead store this images on your server. This will surely improve your image loading time.

Want any more information on decreasing your webpage's page load times? Ask us by commenting below.

1 comments:

Khleo Thomas said...

How do you minimize HTTP requests? How do you combine CSS and JavaScript libraries?

Post a Comment