How to Lazy Load Images in WordPress

Do you want to implement lazy load images in WordPress site to deliver the fastest website performance? If you use the lazy load plugin, your image will load only when a user scrolls down your page. In this article, we will tell you how to implement lazy loading for images in WordPress.

Why Lazy Load Images in WordPress

When most visitors visit a site, only wait a few seconds to open a page and escape out, back to Google which increases site’s Bounce rate. If your site takes a longer time to load then no one likes to visit your website again.

Also, Google uses the website loading speed as a ranking factor. The faster site gets better rank in Google search result.

Images take a lot of time to load compared to other elements. And if you add many images to your article, it greatly affects page load speed.

In this situation, lazy loading speed up WordPress site load time. There is a lot of Lazy load plugin available in the WordPress repository. Just, you will need to choose a good plugin. Here we have listed some of the best lazy load plugins that you can use.

How does lazy load images work

lazy load plugin only loads images that will appear on the user’s screen. In simple words, when a user scrolls the website page, the images will be loaded.

It greatly improves your website loading speed and gives fast experience to visitors. If you are ready to implement lazy loading for images, continue reading the article.

First, install and activate the BJ Lazy Load plugin on your site. It is very popular and best lazy load plugin for WordPress site and active on more than 80,000 WordPress website.

BJ Lazy Load replaces all your post images, post thumbnails, gravatar images and content iframes with a placeholder and loads the content as it gets close to enter the browser window when the visitor scrolls the page.

After activation, click on Settings >> BJ Lazy Load to configure it. This will take you to the settings page of the plugin. As you can see in the screenshot.

You can apply Lazy loading to content, text widgets, post thumbnails, gravatars, images, and iframes.

Furthermore, it has an option to show low-resolution version image in your site. To use this feature, you have to regenerate image sizes.

Once done, click on the Save changes button. Now you can visit your website to see the lazy loading effect.

What did you think of today’s post? Let me know by leaving a comment below.

Find this article helpful? Don’t forget to share!