Home » Blogger Tutorials, Tricks and Hacks » Reducing Page Loading Time by Adding jQuery Lazy Load Plugin

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Reducing Page Loading Time by Adding jQuery Lazy Load Plugin

Reducing Page Loading Time by Adding jQuery Lazy Load Plugin

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

1,858 views

If you’re site is experiencing slow loading time because of many large file of images containing in it, this tip might be of help. VenturealizeR shows you a quick solution to your problem. By adding the jQuery Lazy Load plugin to your Blogger blog, it can limit the page loading time of your site and reduce it. This plugin is written in JavaScript and delays the web’s loading of images, helping reduce the server load and makes long web pages with images load faster.

Here are simple steps to follow to add this cool plugin to your Blogger:

  1. Go to Blogger Dashboard > Template > Edit HTML
  2. Search for </head> tag (Hit Ctrl F for shortcut)
  3. Copy and paste the code below 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>

 

4. Save template.

 

 

Liked It ? Please Share

Comments

3 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Which one is first?

  2. Game crack says:

    Its amazing Working in my blog

  3. Mayur says:

    Nice Thnx

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here