Easily Lazy Load Comments in WordPress
If you want to lazy load WordPress comments to improve page speed then you can follow some steps given in below. There are many popular blogs and news sites who are using lazy load to hide comments on their articles. ‘Load comments’ button to view and leave comments are necessary for the users. In this article, we will show you how to easily lazy load comments in WordPress.
Why Add Lazy Load WordPress Comments?
Comments are for user engagement and there are many ways to get more comments on your WordPress blog posts which is great.
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 which 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.
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.
Upon activation, you need to visit Settings » Discussion page to configure plugin settings.
Now, scroll down to ‘Lazy load comments’ section and select your lazy load method. There is a plugin which 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 the scroll method, which automatically loads comments as a user scrolls down to the end of a post.
Just remember to click on the save changes button to store your settings.
You can now visit any post on your WordPress site.
By 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.
That’s all for now.We hope this article will help you learn how to easily lazy load comments in WordPress.
Preview may take a few seconds to load.
Below you will find some common used markdown syntax. For a deeper dive in Markdown check out this Cheat Sheet
Bold & Italic
Bold **double asterisks**
Three back ticks and then enter your code blocks here.
# This is a Heading 1
## This is a Heading 2
### This is a Heading 3
> type a greater than sign and start typing your quote.
You can add links by adding text inside of  and the link inside of (), like so:
To add a numbered list you can simply start with a number and a ., like so:
1. The first item in my list
For an unordered list, you can add a dash -, like so:
- The start of my list
You can add images by selecting the image icon, which will upload and add an image to the editor, or you can manually add the image by adding an exclamation !, followed by the alt text inside of , and the image URL inside of (), like so:
To add a divider you can add three dashes or three asterisks:
--- or ***