Memasang Widget AddThis Terbaru 2014 Dengan Asynchronous

Kenapa banyak blog yang sepertinya sedikit alergi untuk memasang sebuah widget dari pihak ketiga? Alasan utamanya adalah loading blog. Dengan memasang sebuah widget dari pihak ketiga, maka loading blog akan bertambah berat karena peramban harus menambah waktu untuk mengakses js dari server pihak ketiga tersebut.

Salah satu widget dari pihak ketiga yang banyak dihindari yaitu widget sharing tool. Oleh karena itu banyak blogger yang mengakalinya dengan membuat widget sharing dengan script manual dengan hanya menggunakan CSS atau meminimalkan penggunan js pada template blog.
Memasang Widget AddThis Terbaru 2014 Dengan Asynchronous

Namun sebenarnya penggunakan sharing tool pihak ketiga ini bisa kita atasi untuk mengoptimalkan loading blog dengan menggunakan asynchronous pada js-nya. Kita bisa mengoptimalkan sharing button Facebook ataupun Twitter dengan asynchronous seperti yang sudah saya sharing pada postingan terdahulu di link di bawah ini.


Dengan asynchronous, maka akses browser terhadap js pihak ketiga akan dilakukan setelah seluruh blog berhasil dimuat.

Dan salah satu widget sharing tool pihak ketiga yang bisa kita gunakan dan dioptimalkan dengan menggunakan asynchronous adalah widget sharing AddThis. Banyak blogger yang menghindari penggunaan widget sharing AddThis ini karena alasan klasik yaitu memberatkan loading blog. Padahal tampilan widget ini cukup bagus dengan beberapa jenis tampilan dan posisi yang bisa kita sesuaikan dengan tempat dan kebutuhan. Dan sekarang ini penggunaannya semakin mudah saja.

Anda hanya perlu membuat akun AddThis gratis untuk dapat menggunakan widget sharing-nya. Bagi Anda yang ingin mencobanya silahkan masuk ke websitenya dengan link berikut: http://www.addthis.com/

Saya yakin Anda bisa dengan mudah untuk membuat akun AddThis ini. Setelah akunnya berhasil dibuat, silahkan pilih widget yang Anda suka dan kemudian aktifkan. Setelah itu silahkan copy kodenya. Biasanya kodenya akan seperti di bawah ini. Saya mengunakan widget sharing yang melayang di pinggir blog.


<!-- AddThis Pro BEGIN -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50f568026cf55xxx"></script>
<!-- AddThis Pro END -->

Silahkan tambahkan kode async='async' pada kode di atas sehingga penampakannya seperti di bawah ini


<!-- AddThis Pro BEGIN -->
<script async='async' type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50f568026cf55xxx"></script>
<!-- AddThis Pro END -->

Silahkan simpan kodenya di atas kode </body>


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