add Lazy Load Plugin to your image gallery blog

AppId is over the quota AppId is over the quota

There are also a couple of issues about server requests which makes our blog load lazily. Your site’s load time may hurt you visitors however, to decrease server requests in your Blogger blog we use some plugins or javascript. But before I began to show what plugins can help our blog to load faster.  When visitors first land on your blog there may be a number of images which need to be processed. This could take just a couple seconds or even 8-10 extra seconds for the request to finish. Waiting around for that long can get tiresome and you’ll lose people’s interest rather quickly. I have noticed the longest waiting times for blog posts often contain image galleries. These galleries may hold website design showcases, or any page/article with lots of images. If your readers have speedy Internet access this probably won’t become much of a burden. But is the risky burden even worthwhile? I feel these instances are great examples for when lazy loading could honestly benefit the readers. All images on the page will be held with placeholders until the user scrolls down further and hits each image in succession. There are often people who complain about this feature but I don’t see any problems. Personally I’ve never been annoyed by the effect and it actually seems like a wise method for reducing server loads. If you want see lazy loading effect more than 1 you need clear your browser cache and shift-reload to test again on demo page.

 

Live Preview

 

Add Load Lazy Plugin To Your Blogger Blog

Note:- Practically everyone has JavaScript enabled. However there are cases when you want to show the real images even if request come from client which does not support JavaScript. Google crawlers are one good candidate. Google crawlers do not execute JavaScript but also seem to ignore noscript content. To degrade gracefully when JavaScript is not enabled you can include the real image tag inside

 

It improves your website’s performance by loading your website images lazily. This includes:
1. Post images
2. Post Thumbnails
3. Gravatar images and
4. iframe content
These images will loaded only when your visitors scroll closer to them.

 

Plugin has been tested with Safari 5.1, Safari 6, Chrome 20, Firefox 12 on OSX and Chrome 20, IE 8 and IE 9 on Windows and Safari 5.1 on iOS 5 both iPhone and iPad.

 

1. Go to your Blogger Dashboard>> Template>> Edit Html

2. and find the following code

3. paste following code before/above “”

 

 

Credit

A Plugin Created by Mika Tuupola. We are thank full to mika for this great effort. This plugin very useful for Image Gallery and also for your portfolio websites.

 

Attention

The number of internet users are turning into publishers at a fastest rate, therefore you must be careful when applying a tutorial to your blog and extra careful when the tutorial talks of Jquery and SEO. I am observing baseless SEO tips coming from new bloggers that causes more harm to blogs at long term then a short term relief. Almost every new blogger has started sharing his own ideas of SEO and writing codes. This is surely encouraging but on the other side incorrect knowledge has caused several blogs to be hit by Google penalties such as Panda and Penguin.

 

Need A More Help

Please let me know if you want any help here. I hope this technique would further help developers to create more interesting blogger templates and contribute further to the blogosphere community. I would love to hear your feedback on this. Please let us know of your precious views so that we could improve it further if needed. Thanks for reading our post. and don’t forget to subscribe our blog by using email notification, Facebook page or by following our twitter page. Thanks for reading our post.