Cara Men-Defer Komentar Disqus Untuk Blogger

Dalam rangka terus mengoptimalkan blog dengan meringankan loading blog, salah satu unsur yang perlu dioptimalkan ialah komentar. Beberapa waktu yang kemudian 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, aku rekomendasikan untuk memakai 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 instruksi 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 instruksi USERNAME dengan username disqus blog Anda.

Setelah instruksi di atas di-hosting, silahkan ganti instruksi javascript yang tadi Anda pasang di atas instruksi </body> (ketika memasang komentar Disqus tadi) dengan instruksi 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 instruksi URL HOSTING KODE DISQUS dengan URL hosting instruksi pada langkah pertama di atas tadi.

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

Di sini aku sengaja tidak menyertakan instruksi untuk menampilkan jumlah komentar Disqus alasannya aku pikir selain menambah beban loading blog, jumlah komentar tidak kuat pada SEO blog.

Selamat mencoba.
Sumber https://www.kompiajaib.com/

Share this post