Cara Mempercepat Loading Facebook Page

Cara Mempercepat Loading Facebook Page - Pada konsep konten adalah raja, maka widget Facebook Page, Google Friend Connect, dan sejenisnya adalah faktor penunjang atau bahkan asesoris. Nah justru asesoris-asesoris seperti inilah yang dominan mengurangi kecepatan loading sebuah web atau blog. 


Sekalipun lebih bersifat asesoris, tetapi rasanya ada yang kurang bila sebuah website atau blog nampak sepi dari sentuhan-sentuhan atau kehadiran-kehadiran widget tersebut di atas.

Kita fokus pada Facebook Page. Ia akan menghambat perenderan karena beberapa tampilan baru akan muncul setelah Facebook Page tersebut selesai diproses. Solusi untuk mengatasi hal ini adalah dengan menerapkan javascript asynchronous. Cara kerjanya adalah dengan memisahkan antara perenderan tampilan website/blog dengan loading javascript. Dengan demikian website/blog akan segera tampil meskipun javascript belum selesai di-loading.

Saat kita memasang Facebook Page, ada instruksi untuk memasang scripts seperti ini :

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.4&appId=ID APP";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Script di atas akan di-loading secara synchronous yang mengakibatkan tertundanya sejumlah perenderan tampilan pada blog atau website. Cara mengatasinya adalah dengan mengubahnya seperti ini :

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;js.async=true;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&amp;version=v2.4&amp;ppId=ID APP";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Pada prinsipnya semua yang text yang berbentuk javascript dan css dapat dipertimbangkan untuk dilakukan asynchronous

IKLAN INI BUKAN BAGIAN DARI ARTIKEL

No comments:

Terima kasih bila anda berkenan berkomentar secara relevan.
Dan tunggu kunjungan balik saya ke situs anda.