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 :
Sebagai catatan, Asynchronous tag maupun script hanya untuk javascript eksternal saja.
Semoga Artikel ini bermanfaat.
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> ataunamun karena tag ersebut baru di html5, beberapa browser lama tidak mendukung, maka google pagespeed menyarankan untuk menggunakan script dom element.
<script src="script.js" type="text/javascript" async="async"></script>
<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
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