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'));

0 Response to "Asynchron widget G+, Facebook, Twitter"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel