Selain Asynchronous, Disqus Sanggup Ditunda Pemuatannya
Akhirnya saya mencoba untuk memakai sistem komentar Disqus pada blog Kompi Ajaib ini sesudah beberapa bulan memakai komentar Google Plus. Ada beberapa hal yang menciptakan saya hasilnya menentukan sistem komentar Disqus untuk blog ini.
Dengan Disqus, semua orang sanggup berkomentar tanpa harus mempunyai akun Google, pengunjung sanggup berkomentar dan login dengan facebook, twitter, atau pun dengan Google, dan tentunya dengan akun Disqus jikalau memiliki.
Dan kita sanggup memakai 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 yakni komentar Disqus ini mendukung beberapa tag HTML ibarat pre, code, strong, em, dll. yang berkhasiat untuk menampilkan kode-kode di komentar.
Selain beberapa hal di atas, selain sudah mendukung asynchronous, ternyata sesudah saya coba, komentar Disqus ini sanggup ditunda pemuatannya atau loading secara defer sehingga tidak mengganggu loading blog.
Seperti kita ketahui, bahwa script komentar Disqus ini ibarat 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 lembaga 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 lalu gunakan script defer javascript yang tempo hari saya bagikan. Kode javascript yang dihosting ibarat berikut ini (saran saya arahan 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 lembaga 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 arahan 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 arahan
</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 memakai teknik defer ini sebelumnya, silahkan tambahkan arahan javascript komentar Disqus pada file hosting yang sudah ada.
Nah kini silahkan coba loading blog Anda... selamat mencoba....
Sumber https://www.kompiajaib.com/
0 Response to "Selain Asynchronous, Disqus Sanggup Ditunda Pemuatannya"
Posting Komentar