You will agree with me that no one wants to stay long on a blog that takes so long to load.
In order to reduce a blog's load time due to massive image files on a web page,you might consider adding the 'jQuery Lazy Load' plugin.With this plugin,all images on a webpage are delayed,thereby helping to reduce the server load and make long web-pages with images load faster.
How do you add this plugin?
It is actually very easy & takes the normal routine of editing a template.So,all you've got to do is follow the instructions below.Login to Blogger » Go to Design/Layout » Edit HTML.
Check the box next to Expand Widget Template.
Next,locate </head> in your template by pressing CTRL+F and Copy-Paste the code below just ABOVE/BEFORE it.
<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() {
$("img").lazyload({placeholder :"http://beautifulbloggerwidgets.googlecode.com/files/grey.gif",threshold : 200});
});
</script>
Preview & Save your template.<script src='http://beautifulbloggerwidgets.googlecode.com/files/lazyload-min.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder :"http://beautifulbloggerwidgets.googlecode.com/files/grey.gif",threshold : 200});
});
</script>
Hope this helps!!!
Tidak ada komentar:
Posting Komentar