As of July 2022, we moved away from Disqus as our comment system.
Continue reading if you are using Disqus on your site. This article is must read for it 🙂
With strict moderation, awesome comment spam control, better subscription options, enhanced admin area, Disqus is one the best and widely used comment system for all bloggers.
So, why this post?
Well, on each page load, Disqus loads multiple javascript and css files. Take a look at below files:
- http://crunchify-com.disqus.com/embed.js
- https://a.disquscdn.com/next/embed/styles/loading.88cedde79846569c88b36b63a7cc7414.css
- https://disqus.com/embed/comments/?base=default&version=e8b1cd89………
- Sync action: ?cf_action=sync_comments&post_id=7526
- Plus some inline JavaScripts and CSS code
In my opinion, there is absolutely no need to load all of these resources on each page. Ideally page should load comment form only when it’s required, like on mouse scroll and when comment form is visible.
How to load Comment form conditionally then?
Answer is very simple. Try following below steps:
Step-1
Download and Install Disqus Conditional Load (DCL) Plugin.
Step-2
Go to DCL Setting Tab and enable below settings:
- How to Load Disqus:
On Scroll - Count Script:
Disable - Caching Support:
Disable - Rocket Loader Support:
Disable
Step-3
- Disable and Delete
Disqus Official Plugin - Clean your site cache and reload your page
Take a look at below GIF – Disqus is loading so many data which is absolutely not required until user reaches comment section.
Let me know if you have any more WordPress Optimization Tips and Tricks which you would like to share.
I’m always here to listen your feedback.
How can I edit click and load button it’s soo small and looks bad
Hi Barkin – you need to try modifying your theme’s style.css file.
Plugin comes with standard CSS. Right click on “Load button” and you could checkout CSS properties for the same.
Hope this helps.
Is this option available on the free or paid version?
Hi Tamarac – thanks for your query. I’m using Free Version and it’s awesome.
This plugin does not work on my website in Mobile mode.
Is here anyone know solution.
What error are you getting Mainak? Any theme CSS blocking that? Please share some more info.
This plugin (DCL) allow index your comments in Google?
Yes Ruben. It does.
nice one
Thanks Nelson.
Hello App Shah on my website https: //thethus .com/10-beautiful-israeli-women/
Disqus is so closer to net article ” More From Entertainment “, there is no distance…
& How to set all comments on each and every post ??
And what is short codes, how to use [js-disqus] ? https://uploads.disquscdn.com/images/4c1633c2b0e7cd1d7dafb37cda3323236e1787093d3cc5f4ca74b37173820300.jpg
Hi There – I think you need to do custom setting into your Theme. Try adding some more padding after your content.
Something like this:
.g1-comments {margin: 0 auto;
padding-top: 50px;
}
seems you use the default disqus plugin
Hi Kingsley – i’m using Disqus Conditional Load plugin on Crunchify. Way better for customization and page loading time.
not just that it sync comments better than the official plugin, i lost 3K comments because the official plugin duplicated them by 3
Awesome. Good to hear that. Happy blogging.
Please help
This plugin auto default forum shortname but i forget that account.
How to change this shortname?
Thank you
Hi Alex – I didn’t get your question. Any way to share screenshot?
Hi, thanks for this great tip! I’m a long time follower of your website and tries to use as many tips as possible to optimize my website
I have one question in regard to the DCL plugin that I hope you can clearify for me.
If I’m using cloudflare Rocket Loader – should I enable the Rocket Loader support or will the website speed be best with it disabled?
Hope you can help me. Kind Regards.
I would suggest to enable Rocket Loader option.