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 javascripnyaSebenarnya 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>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+="&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+="&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>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
Demikian artikel tentang Menggabungkan Javascript Untuk Mempercepat Loading Blog ini dapat kami sampaikan, semoga artikel atau info tentang Menggabungkan Javascript Untuk Mempercepat Loading Blog ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
