How To Speed Up Your Blog With The The Lazy Load Plugin

How To Speed Up Your Blog With The The Lazy Load Plugin

Many of you probably like to use lots of images on your blogs, in fact i see many personal blogs that use up to ten images with just a few snippets of text.This looks great and of course a picture is worth a thousand words.But images really slow down the loading time of pages on your blog.In fact for visitors to your blog with slow connections or dial up connections more than two large images in a post coupled with the normal gadgets and graphics could take a few minutes to load.When online not many people are willing to wait for content they want instant results [Off topic - I thought Google's release of 'Google Instant' was interesting, they promise instant search results.Did someone think 999,070,000,000 results in 0.13 seconds was too slow ??
 

How To Speed Up Your Blog With The The Lazy Load Plugin 

For many bloggers their posts revolve around the pictures and other graphics used, they are not willing to sacrifice images for faster page load times.In this post i may have the perfect solution, The jQuery Lazy Load Plugin.

Lazy Load Plugin

The Lazy Load Plugin or similar Plugins are used on many of the most popular blogs and websites.The concept is quiet simple, when someone lands on your blog the images they cant see wont load until the reader reaches them, only the images that are visible at the very top (called 'above the fold') will load.As the reader scrolls down the page the images load just before they get to them.With the Lazy Load in place each page will load much quicker without the burden of lots of large images but these images will be loaded and ready to view when the reader gets to them.Adding the lazy Load Plugin to your blog can be done in a few steps. 

Installing The Lazy Load Plugin 

Step 1. In your dashboard click 'Template' > 'Edit Html'

Step 2. Find the following piece of code in your blogs Html :

</head>

Step 3. Copy and paste the following code Directly Before / Above </head>

<a href='http://www.bfaqeera.tk'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1NcnnQGb1RDaHiPjrYqszmmVhUME3ZGh4Z4YpCirjEZ3fHt5krkL8gBOUBI_7vh9EPWHNcG1dMMgmLDU7f0Y75CM_fFBn-qft4C1R6YbwYa2DNiOzGQ_Uxen9MkSF-rXZAWRnwUOAJD4z/s1600/best+blogger+tips.png'/></a><script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://pwam.googlecode.com/files/jquery.lazyload.js' type='text/javascript'/>

<script charset='utf-8' type='text/javascript'>

$(function() {

$(&quot;img&quot;).lazyload({placeholder : &quot;http://pwam.googlecode.com/files/grey.gif&quot;,threshold : 200});

});

</script>

Step 4. Now change www.bfaqeera.tk with you blog address.

Thank You Regards Bfaqeera.tk

How To Speed Up Your Blog With The The Lazy Load Plugin