0
0
0
Share on Pinterest
0
0
0
0

WPEra

Best Place To Learn WordPress

  • About
  • Contact
  • My Toolkit
  • Discounts
  • Home
  • Tutorials
  • Plugins
  • Themes
  • Security
  • Errors
WPEra  »  WordPress Tutorials  »  How To Lazy Load Comments In WordPress To Increase...

How To Lazy Load Comments In WordPress To Increase Page Speed

Updated on November 3, 2017 by Divakara Ganesh 3 Comments

Lazy Load Comments In WordPress

Comments are the best way to increase user engagement, but they can also increase the page size which affects the page speed. In order to speed up your website or blog, you need to configure your comment system carefully. In this tutorial, I am going to show you how to lazy load comments in WordPress to increases page speed.

What is Lazy Loading?

When a user visits a web page, the browser downloads the entire web page and displays in a single go. The downloaded data may contain the resources which are not required for the user. These unnecessary resources increase the page size and number of http requests, which negatively affects the page speed of your site.

Page speed is the most important SEO Factor. A recent case study proves that 40% of people leaves a web page that takes more than 3 seconds to load.

This can be overcome by lazy loading technique.

Lazy loading is the technique of loading web page when it is needed rather than loading entire page at once.

That means when you open a web page, the browser downloads and display the content and resource which are actually needed. The remaining resources will be loaded based on user actions such as scrolling the web page or clicking read more buttons. This reduces the size of the web page being downloaded initially so that the page speed increases.

Why Lazy Load WordPress Comments?

Users will see comment section only after scroll down to end of the post, as comment section is at the bottom of the page. So there is no use of loading comments before user scroll to the end of the post.

Lazy loading the WordPress comments reduce the page size and improve the page speed.

How to Lazy Load Native WordPress Comments?

WordPress doesn’t come with inbuilt Lazy Loading Comment Feature. In order to lazy load WordPress Native comments, you need to install the Lazy Load for Comments Plugin.

lazy load for commnts plugin

Download

Working with this plugin is pretty straight forward. You just need to install and activate the plugin and configure the lazy loading options.

The lazy loading options can be found under Discussion Settings in your WordPress admin panel. This plugin comes with 2 lazy comment loading options such as On Scroll and On Click.

  • If you chose On Scroll, the comments will start loading when the user reaches the end of the page.

lazy load on scroll

  • If you chose On Click, the comment will load only after clicking LOAD COMMENTS button at the end of the page.

lazy load on click

  • Lazy loading can be disabled by choosing No Lazy Load option from the dropdown.

How to Lazy Load Facebook Comments in WordPress?

If you are using Facebook comment system for WordPress, you need to install the Lazy Facebook Comments plugin.

lazy facebook plugin

Download

After installing and activating this plugin, you need to configure lazy loading options by navigating Settings > Lazy FB Comments in your dashboard.

lazy load fb comments plugin dashboard

This plugin also comes with 2 lazy comment loading options such as On Scroll and On Click.

How to Lazy Load Disqus Comments in WordPress?

In order to lazy load Disqus Comments in WordPress, you need to install Disqus Conditional Load plugin.

Disqus Conditional Load plugin

Download

After installing and activating this plugin, you need to configure lazy loading options by DCL Settings on your WordPress dashboard.

Disqus Conditional Load dashboard

This is pure JavaScript based plugin comes with lazy comment loading options such as On Scroll and On Click.

Other features of this plugin are Shortcodes to display comments, Custom post types support etc.

Conclusion

Comments are the beautiful feature to engage users on most of the blogs and website. However Tons of comments in a single page degrades the page speed. You can speedup WordPress website by lazy loading comments.

I hope this article helped you to sped up your site by lazy load comments in WordPress. If you require any further information, let me know through comments.

0
0
0
Share on Pinterest
0
Some of the links in this post are Affiliate Links. This means if you click on the link and purchase the item, I will receive an affiliate commission.

About Divakara Ganesh

I am Divakara Ganesh, Heart and Soul of WPEra. I am a blogging addict, WordPress and Genesis Framework lover, web developer. Apart from blogging, I love to listen music and watch movies.

Comments

  1. Umesh Singh says

    February 21, 2017 at 5:12 PM

    Hi Divakara,

    I would like to say thanks for mentioning some cool comment plugins. In fact, I was looking for one like this and finally found it here. Lazy Facebook Comments, I like this one let’s see how it works for me.

    Thanks,
    Umesh Singh

    Reply
    • Divakara Ganesh says

      February 21, 2017 at 5:29 PM

      Welcome Umesh.

      Reply
  2. Stu says

    October 17, 2018 at 8:08 PM

    As a Genesis lover, do you know how to get this plugin to function on Genesis?

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Featured Posts

Setup WordPress on VPS Server Using ServerAvatar

Find and Remove WordPress Version Number to Protect from Hackers

10 Best WordPress Themes for Web Hosting Company with WHMCS Integration

13 Best WordPress Themes for Actors and Actress 2017

How to Fix the 500 Internal Server Error on Your WordPress Website Without losing Data?

3 Ways to Reset Your WordPress Admin Password on Localhost

Drag and Drop WordPress Theme

Divi WordPress Theme

Landing Page Builder

About Divakara Ganesh

Hey, I am Divakara Ganesh, Founder of WPEra. I am a Blogger, Wordpress Lover, Web Developer, SEO Analyst. I love to do experiments on google.

Quick Links

  • About WPEra
  • Contact Me
  • Privacy Policy
  • Disclaimer
DMCA.com Protection Status

Copyright © 2016-2018 WPEra | Designed by Divakara Ganesh