Asynchron widget G+, Facebook, Twitter

Kecepatan browser dalam memuat blog dapat menjadi modal utama agar bisa dipercaya oleh visitor. Kenyamanan visitor akan terjaga dengan speed load yang cepat pada halaman anda.

Anda akan merasakan perbedaan yang signifikan dalam menilai blog yang terpasang tombol 'like' facebook dan tidak. Blog yang bebas dari tombol share tersebut akan lebih cepat dimuat oleh browser ketimbang dengan blog yang terdapat social plugin seperti like box dan teman-temannya. Untuk mengatasinya kita bisa menggunakan script Asynchronous yang telah disediakan oleh pengembangnya masing-masing atau pun custom.

Script kode yang standart umumnya dimuat secara bersamaan ketika browser membuka halaman. Hal ini yang mengakibatkan dan sering terjadi bahwa konten muncul setelah widget atau social box atau like button. Bila kita tidak memperbaikinya, saya pastikan bahwa visitor akan malas dan pergi karena harus menunggu loading yang begitu lama akibat script kode yang anda pasang lama dimuat.

Berbeda dengan script kode Asyncrhonous, mereka bekerja di belakang layar. Artinya mereka akan mendahulukan konten dimuat daripada script kode tersebut. Sehingga konten  social plugin seperti share button akan muncul setelah keseluruhan halaman termuat.

Berikut adalah script kode Asynchronous G+, Facebook, Twitter.

(function(doc, script) {
  var js, 
      fjs = doc.getElementsByTagName(script)[0],
      frag = doc.createDocumentFragment(),
      add = function(url, id) {
          if (doc.getElementById(id)) {return;}
          js = doc.createElement(script);
          js.src = url;
          id && (js.id = id);
          frag.appendChild( js );
      };
      
    // Google+ button
    add('http://apis.google.com/js/plusone.js');
    // Facebook SDK
    add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=390824627655103', 'facebook-jssdk');
    // Twitter SDK
    add('//platform.twitter.com/widgets.js');

    fjs.parentNode.insertBefore(frag, fjs);
}(document, 'script'));
Reaksi :
Blok kemudian tekan tombol Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.! Bagi yang mau repost ulang harap untuk mencantumkan tautan/sumber!..

Jika Anda menyukai , Share melalui social media di atas (satu suka dari anda sangat berarti bagi kami. Tuliskan kritik dan saran anda pada form komentar di bawah! Ketikan email dan klik subcribe untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Info [K-Moe].

Artikel relevan lainnya
Beri Komentar