Menggabungkan Javascript Untuk Mempercepat Loading Blog

Menggabungkan Javascript - Hamzah Fansyuri 14™

Menggabungkan Javascript Untuk Mempercepat Loading Blog - Sudah banyak kita ketahui bahwa blog yang banyak memasang javascript apalagi javascripnya berukuran besar biasanya loading blog tersebut akan melambat. dan loading blog yang lambat merupakan hal yang tidak disukai oleh google. saya pernah membaca pada situs dan bunyinya seperti ini

Blog Yang Ramah Adalah blog yang sedikit javascripnya

Sebenarnya boleh memasang javascript, namun cobalah agan pilih mana javascript yang benar-benar dibutuhkan, serta ukurannya tidak terlalu besar, sehingga jika pengunjung blog anda hanya memiliki kecepatan internet hanya sebatas akan senang jika loading blog kita yang cepat.

Untuk itu saya mendapatkan informasi oleh blog Kompi Ajaib tentang Menggabungkan javascript, cara kerja trik ini adalah dengan menggabungkan kode javascript menjadi satu tag yaitu

<script type='text/javascript'>...Kode Javascript... </script>

Namun mungkin ada beberapa javascript yang tidak bisa untuk digabungkan. Kalau sudah begini anda terpaksa harus memisahkan javascript tersebut, oke sekarang kita akan mempelajari tentang menggabungkan javascript tesebut

Cara Menggabungkan Javascript

Contoh javascript yang akan digabungkan contohnya dua javascript dibawah ini


<script type='text/javascript'>
//<![CDATA[
$(function(){$(".playvideo2").click(function(e){$(".videoyoutubeContainer2").show();$(".playvideo2").hide();$(".videoyoutube2").css({top:"15%",position:"fixed"});$(".videoplayer")[0].src+="&amp;autoplay=1";e.preventDefault()});$(".close-video2").click(function(){$(".videoyoutubeContainer2").hide();$(".playvideo2").show();$(".videoyoutube2").css({top:"-1000px",position:"absolute"});$(".videoplayer")[0].contentWindow.postMessage('{"event":"command","func":"'+"stopVideo"+'","args":""}',"*")})})
//]]>
</script>


<script type='text/javascript'>
//<![CDATA[
var jump=function(e){if(e){var t=jQuery(this).attr("href").replace("/","")}else{var t=location.hash}jQuery("html,body").animate({scrollTop:jQuery(t).offset().top-80},500,function(){})};jQuery(document).ready(function(e){e(document).on("click","a[href*=#]",jump);if(location.hash){setTimeout(function(){e("html, body").scrollTop(0).show();jump()},0)}else{e("html, body").show()}})
//]]>
</script>

Maka javascript tersebut bisa digabungkan menjadi


<script type='text/javascript'>
//<![CDATA[
$(function(){$(".playvideo2").click(function(e){$(".videoyoutubeContainer2").show();$(".playvideo2").hide();$(".videoyoutube2").css({top:"15%",position:"fixed"});$(".videoplayer")[0].src+="&amp;autoplay=1";e.preventDefault()});$(".close-video2").click(function(){$(".videoyoutubeContainer2").hide();$(".playvideo2").show();$(".videoyoutube2").css({top:"-1000px",position:"absolute"});$(".videoplayer")[0].contentWindow.postMessage('{"event":"command","func":"'+"stopVideo"+'","args":""}',"*")})});

var jump=function(e){if(e){var t=jQuery(this).attr("href").replace("/","")}else{var t=location.hash}jQuery("html,body").animate({scrollTop:jQuery(t).offset().top-80},500,function(){})};jQuery(document).ready(function(e){e(document).on("click","a[href*=#]",jump);if(location.hash){setTimeout(function(){e("html, body").scrollTop(0).show();jump()},0)}else{e("html, body").show()}})

//]]>

</script>

Jangan lupa pemisah antara javascript satu dengan yang lainnya dipasahkan dengan tanda titik koma (;) sekarang coba reload halaman blog anda jika ada yang error coba perbaiki lagi javascriptnya mana tau ada yang ketinggalan.

Sebenarnya ada beberapa langkah lagi, namun tidak sempat admin share karena sudah malam sekali dan mau tidur, untuk lebih lengkapnya anda bisa langsung melihat artikel dari kang adhy, oke terimakasih dan semoga bermanfaat