How To Speed Up Slow Loading Website Using Jquery Lazy Load Plugin

Views

Does your website  experiencing slow page load? If your answer is yes, This tutorial is for you. Slow page load problem may occur  because of the large amount of files, Images, Plugins installed on it. Perhaps, this little trick might help you improve your  webpage loading time. The faster your webpage load, the higher your site gets ranked.  To achieve that you need to install the “JQuery Lazy Load Plugin” on your template. This plugin delays loading of images in long web pages. Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load. In this tutorial I will show you how to easily install this on Blogger.

INSTALLING THE JQUERY SCRIPT ON YOUR WEBSITE

• Go to your Blogger Dashboard
• Template
• Edit HTML
• Proceed
• Click “Expand Widget Template”
• Press CTRL+F  for search shortcut
• And find this code

</head>

• Then, paste this code just Above/Before </head> tag

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://beautifulbloggerwidgets.googlecode.com/files/lazyload-min.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://beautifulbloggerwidgets.googlecode.com/files/grey.gif&quot;,threshold : 200});
});
</script>

NOTE: ALWAYS CLICK PREVIEW TO CHECK FOR ANY ERROR

YOU CAN SAVE YOUR TEMPLATE NOW

And see your blog loading fast.

CREDITS

Thanks to Max of way2blogging for sharing this great script.

ARE YOU CONFUSED REGARDING THIS TUTORIAL?

If you have any difficulties implementing and/or following this tutorial, Feel free to keep in touch with me and ill try my best to work it out.