Cara Pemasangan Javascript Async Untuk Mempercepat Loading Blog

Cara Pemasangan Javascript Async Untuk Mempercepat Loading Blog

Cara Pemasangan Javascript Async Untuk Mempercepat Loading Blog - Memiliki blog yang sangat ringan dan cepat ketika di akses oleh pengunjung blog menggunakan smartphone ataupun Desktop Pc menjadi salah satu hal yang wajib, karena dengan loading blog yang fast loading akan memberikan banyak nilai plus bagi blog dan memberikan nilai SEO yang bagus bagi blog anda, dan salah satu faktor yang memberatkan loading blog karena terbloknya javascript dan untuk mengatasinya kita harus menerapkan kode javascript asyncrounous agar tidak terjadi pemblokan pada javascript di blog sehingga blog kita akan menjadi ringan ketika di akses.

Nah apakah anda tahu apa itu asyncrounous Javascript ? menurut wikipedia memiliki arti sebagai berikut !


Asyncrounous Javascript


Modul Asynchronous definition (AMD) adalah API JavaScript untuk mendefinisikan modul sehingga modul dan dependensinya dapat memuat asynchronously. Hal ini berguna dalam meningkatkan kinerja situs dengan melewati beban sinkron modul bersama dengan sisa dari isi situs. Selain memuat beberapa file JavaScript saat runtime, AMD dapat digunakan selama pengembangan untuk menyimpan file JavaScript dikemas dalam banyak file yang berbeda. Hal ini mirip dengan bahasa pemrograman lain, misalnya Java, yang mendukung kata kunci seperti impor, paket, dan kelas untuk tujuan ini. Hal ini kemudian memungkinkan untuk menggabungkan dan mengecilkan semua sumber JavaScript ke dalam satu file kecil yang digunakan untuk penyebaran produksi. Definisi Async Javascript - Wikipedia

 Cara Pasang Async Javascript Facebook, Twitter Dan Google Plus

1. Cara Pasang Javascript Async Facebook

Untuk pemasangan javascript asyncrounous facebook cari terlebih dahulu di template anda melalui Edit HTML cari javascript facebook yang lama dan ganti dengan kode javascript di bawah dan simpan di atas kode </body>

<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2. Cara Pemasangan Javascript Asyncrounous GoolePlus

Hampir sama seperti pemasangan javascript async di atas cari kode javascript GooglePlus lama pada template kemudian ganti dengan kode Javascript Ayncrounous GooglePlus di bawah simpan di atas kode </body>

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

3. Cara Pemasangan Javascript Asyncrounous Twitter

Cari kode javascript twitter lama dan ganti dengan kode javascript asyncrounous di bawah ini simpan di atas kode </body>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.async=true;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Demikian cara pemasangan jvascript asyncrounous untuk mempercepat loading blog, semoga bermanfaat dan untuk mengetahui pemblokan javascript tersebut bisa anda test melalui Pagespee Insight google .

2 comments

lumayan nich comot ah ilmu nya. tks
ngomong2 template nya udah ganti lg aja.. keren tpi masih ada error di test snippet. pas di static page nya

Balas

silahkan kang .ia kang masih ada error karena pasang hsitats hehe .makasih dah ngasih tau kang .

Balas

Silahkan berikan opini atas artikel saya jika ada saran silahkan sampaikan melalui komentar

Advertiser