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 'Layout/Design' > 'Edit Html'
</head>
Step 3. Copy and paste the following code Directly Before / Above </head>
<a href='http://www.createtheblogger.blogspot.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/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() {
$("img").lazyload({placeholder : "http://pwam.googlecode.com/files/grey.gif",threshold : 200});
});
</script>
Step 4. Once the code is in place save your template.
The lazy Load Plugin is now in place and you should see an instant change in the load time of your blog, especially pages with multiple images.