Selain Asynchronous, Disqus Dapat Ditunda Pemuatannya

Disqus Dapat Ditunda Pemuatannya
Akhirnya saya mencoba untuk menggunakan sistem komentar Disqus pada blog Kompi Ajaib ini setelah beberapa bulan menggunakan komentar Google Plus. Ada beberapa hal yang membuat saya akhirnya memilih sistem komentar Disqus untuk blog ini.

Dengan Disqus, semua orang dapat berkomentar tanpa harus memiliki akun Google, pengunjung dapat berkomentar dan login dengan facebook, twitter, atau pun dengan Google, dan tentunya dengan akun Disqus jika memiliki.

Dan kita dapat menggunakan beberapa filter keamanan pada komentarnya untuk menghindari dari komentar spam atau komentar yang kita anggap tidak pantas. Atau menunda penayangan komentar yang mengandung link untuk kita periksa apakah link tersebut boleh ditampilkan atau tidak.

Dan juga yang menarik dari Disqus ini yaitu komentar Disqus ini mendukung beberapa tag HTML seperti pre, code, strong, em, dll. yang berguna untuk menampilkan kode-kode di komentar.

Selain beberapa hal di atas, selain sudah mendukung asynchronous, ternyata setelah saya coba, komentar Disqus ini bisa ditunda pemuatannya atau loading secara defer sehingga tidak mengganggu loading blog.

Seperti kita ketahui, bahwa script komentar Disqus ini seperti di bawah ini.


 <div id="disqus_thread"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'username'; // required: replace username with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

Nah silahkan hosting javascriptnya kemudian gunakan script defer javascript yang tempo hari saya bagikan. Kode javascript yang dihosting seperti berikut ini (saran saya kode javascriptnya di minify dulu untuk menghilangkan kode-kode yang tidak perlu). Kemudian catat atau copy url hosting-nya.


        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'username'; // required: replace username with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();

Sehingga hanya menyisakan kode berikut untuk disimpan di blog. 


 <div id="disqus_thread"></div>
    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

Kemudian gunakan script defer di bawah ini dan simpan di atas kode </body>


<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="URL HOSTING JS DISQUS";document.body.appendChild(e)}if(window.addEventListener)window.addEventListener("load",downloadJSAtOnload,false);else if(window.attachEvent)window.attachEvent("onload",downloadJSAtOnload);else window.onload=downloadJSAtOnload;
//]]>
</script>

Jika sebelumnya Anda sudah menggunakan teknik defer ini sebelumnya, silahkan tambahkan kode javascript komentar Disqus pada file hosting yang sudah ada.

Nah sekarang silahkan coba loading blog Anda... 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