Wednesday, June 15, 2011

Speedup Blogger with Lazy Load Script

Well speeding up website on blogger or anywhere means decreasing scripts used on blogger or any other images used so that it don’t have load that much right @ the startup but know you can add a Lazy Load

Script which will automatically load images after your other items has been loaded has making them when you scroll than they load which makes blogs much faster.
Follow the below steps to embed Lazy Load Script in Blogger .:
1. You need to go to www.Blogger.com
2. Sign in with your Blogger account
3. Go to Dashboard than Design
4. Open Edit HTML
5. Click download template so that you have a backup for that template.
6. Now click ctrl + f to open the search feature
7. Search for </body> tag
8. Now paste the below <script> right above </body> tag
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='
https://sites.google.com/site/merciblogger/jquery.lazyload.mini.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == &quot;iPad&quot;) return;
jQuery(&#39;img&#39;).lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggl9BGwnpZ-XHrA3LNtSRukfJp6LyszuhqZSjus-5ziCRF6SUq8PXg89QRaWRT7OXekxMwkXu_mdfPcHOWWYUUWMuIv3_ryphy3r7iGuWUzCmcTmMQH1kI_pzokRhGF08lglhu_ewtQNU/&quot;
});
});
</script>
9. After pasting just click Save Template and check your Blogger Blog ii will some stamina in it for the faster loading. Try it out if you are not satisfied than juts remove this script and save template again.

No comments:

Post a Comment