Sagitarius Kusadhi - 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.
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.
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50f568026cf55xxx"></script>Silahkan tambahkan kode async='async' pada kode di atas sehingga penampakannya seperti di bawah ini
<script async='async' type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50f568026cf55xxx"></script>Setelah itu silahkan simpan kodenya di atas kode </body> dan lihat hasilnya.
EmoticonEmoticon