Cara Men-defer Komentar Disqus Untuk Blogger

Dalam rangka terus mengoptimalkan blog dengan meringankan loading blog, salah satu unsur yang perlu dioptimalkan adalah komentar. Beberapa waktu yang lalu kita sudah membahas cara men-defer komentar Blogger, kini kita akan mencoba men-defer komentar Disqus untuk Blogger.

Sebelum kita men-defer komentar Disqus, tentunya kita harus memasang komentarnya terlebih dahulu di blog. Untuk memasang komentar Disqus di blogger, saya rekomendasikan untuk menggunakan cara ini, alternatif lain memasang komentar Disqus di blogger.

Setelah Anda memasang komentar Disqus di Blogger dengan cara di link di atas tadi, maka kini kita mulai untuk men-defer komentarnya.

Pertama, silahkan Anda hosting kode di bawah ini.


var disqus_shortname="USERNAME";
var disqus_url = disqus_blogger_current_url;

(function () {
    "use strict";
    var get_comment_block = function () {
        var block = document.getElementById('comments');
        if (!block) {
            block = document.getElementById('disqus-blogger-comment-block');
        }
        return block;
    };
    var comment_block = get_comment_block();
    if (!!comment_block) {
        var disqus_div = document.createElement('div');
        disqus_div.id = 'disqus_thread';
        comment_block.innerHTML = '';
        comment_block.appendChild(disqus_div);
        comment_block.style.display = 'block';
        var dsq = document.createElement('script');
        dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.body).appendChild(dsq);
    }
})();

Silahkan ganti kode USERNAME dengan username disqus blog Anda.

Setelah kode di atas di-hosting, silahkan ganti kode javascript yang tadi Anda pasang di atas kode </body> (ketika memasang komentar Disqus tadi) dengan kode di bawah ini.


<script type="text/javascript">
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="URL HOSTING KODE DISQUS",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Silahkan ganti kode URL HOSTING KODE DISQUS dengan URL hosting kode pada langkah pertama di atas tadi.

Selesai, sekarang silahkan coba rasakan loading halaman postingan blog Anda.

Di sini saya sengaja tidak menyertakan kode untuk menampilkan jumlah komentar Disqus karena saya pikir selain menambah beban loading blog, jumlah komentar tidak berpengaruh pada SEO blog.

Selamat mencoba.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments