On Crunchify,
we are using Disqus as our comment system.Update: We switched back to Default WordPress comment system on July 15th 2017.
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.
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
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.