How to do Lazy Load Images in WordPress

It’s important for us to keep an eye on the Loading Speed of the Blog as this have a great impact on How your Blog performs in SERP’s.If your blog is loading slowly then your are definitely a step behind in optimizing your site for Search engines like Google,Bing etc.

You need to check into options like Minifying HTML, CSS, and Javascript files,using Gzip Compression,using server side compression,Compressing images & optimizing images to load faster etc.

In this post, we will show you how to enable lazy load post images in WordPress.
How to do Lazy Load Images in WordPress

What is Lazy Loading ?

According to WikiPedia Lazy loading is a design pattern commonly used in computer programming to defer initialization of an object until the point at which it is needed.

In simple Words Lazy Loading means it only load the areas that is being accessed right away.Suppose you have 10 Images in your WordPress & if you had implemented Lazy Loading for Images then only the images that fit into your Browser screen are loaded & all other images are only loaded if you scroll the page further until then these images will not be loaded.

Why to add Lazy Load functionality Images in WordPress ?

If Lazy Loading functionality is implemented in WordPress then it will definitely improve your site loading speed & there by it provides good user experience & in a way encourages users to stay longer on your website which eventually reduces the bounce rate & saves some server bandwidth.

That is the reason why website’s like Mashable, TechCrunch etc are using the Lazy Loading functionality to provide Rich User experience.

How to add Lazy Load option for Images in WordPress ?

All you need to do is install and activate the WordPress plugin called Lazy Load.This plugin is an amalgamation of code written by the WordPress.com VIP team at Automattic, the TechCrunch 2011 Redesign team, and Jake Goldman.

Lazy Load WordPress plugin uses jQuery.sonar {by Dave Artz } to only load an image when it’s visible in the viewport.

Install & Activate the plugin & it take cares of the rest of the functionality.Now check your website speed & you will see some improvement in your website speed instantly.

Hope this tutorial on how to add Lazy Load Functionality to your website & the plugin listed here will make your site load faster than normal.Please leave a comment if you have any issues using this plugin.Also please follow us on Twitter to get instant updates on other WordPress Tutorials.