Skip to content

Instantly share code, notes, and snippets.

@frankyston
Forked from nternetinspired/gist:7482445
Last active February 26, 2017 19:07
Show Gist options
  • Save frankyston/24819d586dc1d342705e25ccd6145897 to your computer and use it in GitHub Desktop.
Save frankyston/24819d586dc1d342705e25ccd6145897 to your computer and use it in GitHub Desktop.
Load Disqus comments only on demand if you give a shit about page weight and your visitors.Even with no comments, i.e. an empty comment form, calling Disqus will load an extra 226Kb. If your page has comments this can be far higher.This Gist accompanies my blog post: http://internet-inspired.com/wrote/load-disqus-on-demand/
// Requires jQuery of course.
$(document).ready(function() {
$('.show-comments').on('click', function(){
var disqus_shortname = 'YOUR-DISQUS-USERNAME'; // Replace this value with *your* username.
// ajax request to load the disqus javascript
$.ajax({
type: "GET",
url: "//" + disqus_shortname + ".disqus.com/embed.js",
dataType: "script",
cache: true
});
// hide the button once comments load
$(this).fadeOut();
});
});
<!-- An element a visitor can click if they <3 comments! -->
<button class="show-comments">Load Disqus comments</button>
<!-- The empty element required for Disqus to loads comments into -->
<div id="disqus_thread"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment