Skip to main content
JEJAK UNIK

follow us

Cara Terbaru Menunda Atau Men-defer Loading Komentar Disqus Untuk Blogger

Menunda Loading Komentar Disqus Dengan Men-defer Untuk Blogger

Cara Terbaru Menunda Atau Men-defer Loading Komentar Disqus Untuk Blogger - Saat ini disqus merupakan salah satu jenis komentar blog yang sering banyak digunakan oleh para admin blog. Entah karena disqus mudah untuk di setting atau karena memang tampilan komentar disqus enak di lihat dan lebih modern.

Saya sendiri sangat menyukai komentar disqus ini karena memang tampilannya sangat bagus dan blog terlihat lebih keren serta modern. Padahal kita tau jika blogger sendiri sudah menyiapkan komentar default namun nampaknya semakin kesini komentar bawaan blogger semakin di tinggalkan dan orang lebih memilih komentar disqus.

Baca juga: Alasan Widget Bawaan Dari Blogger Kurang Disukai

Meskipun komentar disqus sangat bagus untuk tampilan blog namun bukan berarti memasang komentar disqus tidak ada kekurangannya apalagi jika kita tidak tau cara terbaik untuk memasangnya, maka efek yang akan muncul adalah loading blog kita akan menjadi tambah berat karena script komentar disqus ini cukup banyak memberikan beban load pada blog kita.

Baca juga: Meningkatkan Kecepatan Loading Blog Dengan Bantuan DNS Cloudflare

Untuk itu cara terbaik memasang komentar disqus ialah dengan menunda atau Men-defer komentar disqus sehingga ketika blog kita terload maka komentar disqus tidak akan langsung ikut loading dan menunggu beberapa detik untuk MEMUAT-nya (begitulah cara kerjanya)

Bagi sobat blogger yang tertarik untuk Men-defer komentar disqus bisa ikuti langkahnya di bawah ini.

Langkah Pertama
Pertama tentunya sobat harus login dan masuk ke dalam editor HTML template Anda dan letakan kode ini di atas atau sebelum </body>

<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>

Langkah Ke Dua
Jika sudah meletakan kode tersebut langkah selanjutnya ialah menghapus script komentar disqus yang sebelumnya sudah terpasang biasanya defaut script disqus seperti 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);
    }
})()

Kalian ganti kode USERNAME dengan Username disqus sobat lalu masukan URL yang telah kalian hosting sebelumnya pada langkah pertama.

Tambahan

Jika sobat tidak tau cara mendapatkan URL HOSTING pada langkah pertama simak caranya pada artikel ini Cara Hosting File JS, CSS, HTML Di Github.

Cukup mudah bukan? jika masih bingung coba sobat baca pelan-pelan agar mudah untuk dimengerti. Sekian Cara Terbaru Menunda Atau Men-defer Loading Komentar Disqus Untuk Blogger semoga informasi bermanfaat!

You Might Also Like:

Jika tertarik dengan artikel yang anda baca saat ini, berikan tanggapan melalui kolom komentar di bawah ini. Berkomentarlah yang cerdas, karena pintar saja tidak cukup.
Buka Komentar