How to Lazy Load Gravatars in WordPress Comments

Do you want to lazy load Gravatars on your WordPress site? Gravatars cause extra http requests which slows down your site’s page load speed particularly on articles with a lot of comments. In this article, we will show you how to lazy load Gravatars in… Read More »

The post How to Lazy Load Gravatars in WordPress Comments appeared first on WPBeginner.

Do you want to lazy load Gravatars on your WordPress site? Gravatars cause extra http requests which slows down your site’s page load speed particularly on articles with a lot of comments. In this article, we will show you how to lazy load Gravatars in WordPress comments and improve your website speed.

Lazy Load Gravatar Images in WordPress

What is a Gravatar?

Gravatar are user profile images used by WordPress. These images are used in WordPress comments and author bio sections.

A user needs to create an account on Gravatar website and submit a profile photo for their email address.

Each time they use that particular email address, WordPress powered websites can automatically fetch their profile photo from the Gravatar website.

To learn more, see our guide on what is a Gravatar and why you should start using it.

Gravatars are great, but they can also affect your site’s page load time.

Each user gravatar adds a HTTP request to your page load. This increases the page wait time for your website and affects user experience.

Cross domain HTTP requests to fetch gravatar images

If you have a website that receives a lot of comments, then it is worth considering lazy loading the gravatar images. Let’s take a look at how to easily lazy load gravatars in WordPress comments.

Lazy Load Gravatrs in WordPress Comments

First thing you need to do is install and activate the BJ Lazy Load plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » BJ Lazy Load page to configure plugin settings.

BJ Lazy Load settings

The plugin allows you to lazy load content, widgets, images, post thumbnails, iframes, and gravatars. You need to select the items you want to lazy load on your website.

Don’t forget to click on the save settings button to store your changes.

You can now visit any article with comments on your website. As you scroll down, you will notice lazy loading of gravatar images.

We hope this article helped you lazy load gravatars in WordPress comments. You may also want to see our ultimate guide on how to speed up WordPress and boost performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Lazy Load Gravatars in WordPress Comments appeared first on WPBeginner.

How to Easily Lazy Load Comments in WordPress

Do you want to lazy load WordPress comments to improve page speed? Many popular blogs and news sites are using lazy load to hide comments on their articles. A user needs to click on ‘load comments’ button to view and leave comments. In this article,… Read More »

The post How to Easily Lazy Load Comments in WordPress appeared first on WPBeginner.

Do you want to lazy load WordPress comments to improve page speed? Many popular blogs and news sites are using lazy load to hide comments on their articles. A user needs to click on ‘load comments’ button to view and leave comments. In this article, we will show you how to easily lazy load comments in WordPress.

How to easily lazy load comments in WordPress

Why Add Lazy Load WordPress Comments?

Comments are great for user engagement, and there are many ways to get more comments on your WordPress blog posts.

However, comments can also increase page size which affects page load time and user experience on your site.

Speed is an extremely important performance metric. It affects user experience and your site’s SEO performance as well. See our ultimate guide to boost WordPress speed and performance.

By not loading comments right away, you can significantly improve page load times for your articles. It also improves user experience on slower internet connections and smaller screens.

Having said that, let’s take a look at how to easily add lazy load for WordPress comments.

Adding Lazy Load for WordPress Comments

First you need to do install and activate the Lazy Load for Comments plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » Discussion page to configure plugin settings.

Select how you want to lazy load comments in WordPress

Scroll down to ‘Lazy load comments’ section and select your lazy load method. The plugin offers two methods to lazy load comments on your WordPress posts.

You can select on click method, which adds a button at the end of your articles allowing users to click and load comments.

You can also choose on scroll method, which automatically loads comments as a user scrolls down to the end of a post.

Lazy loading comments on scroll

Don’t forget to click on the save changes button to store your settings.

You can now visit any post on your WordPress site.

Depending on your lazy load method, you will either see comments loading as you scroll, or you will see a ‘Load Comments’ button. Clicking on the button will load comments layout and comment form.

Lazy loading WordPress comments on click

That’s all, we hope this article helped you learn how to easily lazy load comments in WordPress. You may also want to see our guide on how to allow users to subscribe to comments in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Easily Lazy Load Comments in WordPress appeared first on WPBeginner.