Disqus Comments

The live site and see how the plugins work-

1. How the plugin works: Lazy-Loading Disqus Comments

Features:

1. Add missing height when JS is unable to load.
   
   

   

2. Disqus shortname: A shortname is the unique identifier assigned to a Disqus site. All the comments posted to a site are referenced with the shortname. The shortname tells Disqus to load only your site's comments, as well as the settings specified in your Disqus admin.
   
   Disqus Admin > Settings > General > Shortname

   

3. Unlimited Elements for Elementor Widget
   
   

   

4. JavaScript related to Disqus is inline and will load in the Footer tag if you have enabled 'JS Always in Footer' in Elementor General Settings for Unlimited Elements. Not necessary to load in the <footer> tag, but good Performance practice
   

Requirements:

1. Elementor.
2. Unlimited Elements with Elementor (add-ons).
3. Add this PHP using the Code Snippet Plugin or edit the theme's function.php to deregister comment.js (this will disable WordPress comments), or you can use the Asset CleanUp or Perfmatters plugin, or Admin > Asset Clean up Settings > Site-Wide Unload For Common CSS & JS Files > Disable Comment Reply Site-Wide

   
   // Remove comment-reply.min.js from footer
   function disable_comment_reply(){
      wp_deregister_script( 'comment-reply' );
   }
   add_action('init','disable_comment_reply');

FAQ:

1. Troubleshooting: If the Disqus Comment is not loading properly, simply scroll up to the top of the page and then scroll down. This will allow the comment to start loading.
2. Caution: If you delay JS on Execution or combine your JS, make sure you exclude the Disqus comment JS (you need to test it).