Do you know that you can Lazy Load Images in WordPress to Speed up your website? PageSpeed has become import element for user experience as well as search rankings. Therefore every blogger and webmaster want a fast loading website. Of course you also want maximum PageSpeed for your WordPress site. Lazy Loading Images is easy and tested trick to unlock more speed to your WordPress. This article is focused on How to Easily Lazy Load Images in WordPress to Speed Up Your Website.
What is Lazy Loading? And How it Works?
If you have not come across this before, let me tell you ‘what is lazy loading?’ Lazy Loading means loading of a specific resource (in this case: images) when the user scrolls down to that particular resource. In some cases, lazily loaded resources load at a specified time.
So, if you have enabled lazy loading for images in WordPress, the web browser will download an image only when the user scroll down to that image.
Benefits of Lazy Loading Images in WordPress
First of all, lazy loading images help to load your website faster. The HTML, CSS, JS and other resources of a webpage will be downloaded in the first attempt by web browsers. After that, the images will be downloaded at the specified place or time. Everyone (including search engines) loves fast loading websites. Hence lazy loading pre-optimized images improves user experience by loading the website faster. And now, it is well known that Google takes into account PageSpeed as one of the ranking factors.
How to Lazy Load Images in WordPress using Plugin
There are several plugins in WordPress repository to Lazy Load Images in WordPress. Here I am listing the plugins which I found distinct based on their features and usability.
If you are not sure how to install a WordPress plugin, you can refer this guide How to install WordPress Plugins Easily
Lazy Load is quite popular and lightweight plugin. Automattic is one of the contributors & developers of this plugin. This plugin is written by WordPress VIP team, the TechCrunch 2011 Redesign team and Jake Goldman. Literally, this plugin is real plug and play thing. As all you need is to install and activate this plugin. That’s all. All the images will start Lazy Loading. There are no settings in this plugin.
A3 Lazy Load is newer as compared to other plugins in this list. The major reason of inclusion of A3 Lazy Load plugin in this list is that it has some really good features. Also, this plugin has 5 out of 5 user rating in WordPress plugin repository.
Unlike above Lazy Load plugin, A3 Lazy Load allows you tweak settings/options for lazy loading images.
With A3 Lazy Load you can configure to lazy load specific type of images like: Images in content, Images in widgets, post thumbnails, gravatar images etc.
Do you know that you can Cache Gravatar Images to Speed Up WordPress
In addition to image lazy loading, this plugin supports lazy loading for videos and iframes too.
You can also tweak the image loading effect: spinning or fade in.
BJ Lazy Load is also another popular plugin to Lazy Load Images in WordPress. This plugin also has settings page similar to the previous plugin, you can change plugin settings based on your requirement. Furthermore, see detailed settings menu in the images below.
Lazy Loading images in WordPress is definitely a performance boosting feature which everyone should apply to his website. As far as the question is which plugin you should use. The answer is purely dependent if you want a tiny plugin then you should go with Lazy Load plugin (we are also using the same plugin on our site). On the flip side, if you want to play with the Lazy Loading settings then you should try A3 Lazy Load plugin.
Do you know that you can also lazy load other resources in WordPress? Like you can Lazy Load Comments in WordPress. What if, you are using Facebook Comments in WordPress? The good news is, you can Lazy Load Facebook Comments as well.
Hope you find this article helpful to Lazy Load Images in WordPress. If you have a question regarding this topic, feel free to ask via comments. I will be happy to help.