Tuesday 31 October 2017

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 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.



source http://www.wpbeginner.com/plugins/how-to-lazy-load-gravatars-in-wordpress-comments/

No comments:

Post a Comment