Sepertinya Pemblokir Iklan Anda Aktif
Maaf, Sayangnya blog ini tidak bisa hidup tanpa bantuan dari iklan.
Mohon nonaktifkan terlebih dahulu Pemblokir iklan (misal: Adblock) khusus untuk blog ini.
Setelah Anda menonaktifkan AdBlock, silahkan reload halaman ini.
Terima Kasih, semoga anda selalu dimudahkan pada setiap usaha, serta semoga Tuhan menambah kualitas kesehatan anda sekeluarga.

Jabat tangan
FaRo.

Dikutip dari gtmetrix, sebuah resources javascript secara sederhana mengharuskan sebuah halaman untuk menunggu javascript tersebut selesai diunduh, diurai dan djalankan sebelum akhirnya halaman tersebut ditampilkan. Efeknya yaitu, sebuah halaman akan sangat lama dalam memunculkan isi.

Gtmetrix.com juga menyatakan, jika sebuah halaman tidak tampil isinya dalam waktu kurang dari 4 detik maka kemungkinan besar pengunjung akan menutup halaman dan mencari referensi lain. tentunya ini akan mempengaruhi jumlah pengunjung pada web kita. oleh karena itu dibuatlah sebuah Javascript Asynchronous Resources agar javascript dijalankan secara paralel dengan halaman web.

Async tag adalah sebuah tag baru di html 5, secara sederhana penggunaannya sebagai berikut :
<script src="script.js" type="text/javascript" async></script> atau
<script src="script.js" type="text/javascript" async="async"></script>
namun karena tag ersebut baru di html5, beberapa browser lama tidak mendukung, maka google pagespeed menyarankan untuk menggunakan script dom element.
<script type="text/javascript"> var node = document.createElement('script'); node.type = 'text/javascript'; node.async = true; node.src = 'script.js'; var runscript = document.getElementsByTagName('script')[0]; runscript.parentNode.insertBefore(node, runscript); </script>
ganti tulisan warna merah dengan url javascript anda, kemudian script tersebut sebaiknya diletakkan sebelum tag end head </head> atau tag end body </body>.

Sebagai catatan, Asynchronous tag maupun script hanya untuk javascript eksternal saja.

Semoga Artikel ini bermanfaat.

Post link : http://www.blognafaro.com/2013/10/Cara-Memasukkan-Javascript-Asynchronous-Resources-Untuk-Blogger.html

Cara Memasukkan Javascript Asynchronous Resources Untuk Blogger

Ringkasan : sebuah resources javascript secara sederhana mengharuskan sebuah halaman untuk menunggu javascript tersebut selesai diunduh, oleh karena itu dibuatlah sebuah Javascript Asynchronous Resources agar javascript dijalankan secara paralel dengan halaman web .
Jumlah Kata : | Dipublikasikan pada Thursday, October 17, 2013

7 comments

Thanks gan dah mau sharing.......

Ane coba lain waktu... tapi apa kode Async ini bisa digunakan untuk kode dasar Twitter, Google+, dan Facebook Open Graph?

Blog saya tidak menggunakan ketiga kode itu karena menurut GTMetrix kode itu juga memberatkan... mohon pencerahannya kawan!!! :D

kalo yang facebook jalan sob, kalo yang google+ itu memang pada dasarnya sudah tiap blog ada, letaknya di source page paling bawah deketnya <./.body>

2014 apakah tetap spt itu sob? Ijin share :]

iya masih tetap seperti ini sob.. :) mengikuti html 5 kok

Cara mengetaui url javascript blog kita gimana ya?

javascript external biasanya menggunakan script ini untuk pemanggilan
<script src='http://url.java/scriptexternal.js' />
nah dari situ dapat diketahui url javascript external yang ada di template blog.

Masih tetep binggung dengan penjelasan di atas gan. Tapi bermanfaat buat ane, makasih gan

 
Top