Hubungi Kami × +
Nama

Email Address*

Pesan*


Website Jadi Cepat- Ini Tutorialnya

Mempercepat Situs Blog

Poin penting dari sebuah website adalah Konten yang original, unik, dan menarik sehingga mudah di baca bahkan di pahami oleh pengunjung. Selain itu ada juga poin yang tidak kalah penting ialah kecepatan website tersebut, kenapa harus cepat? pada dasarnya orang membuka situs website tidak lain tidak bukan untuk mencari informasi yang mereka butuh kan.

Mereka akan mengetikan suatu kata kunci yang dicari pada bagian kolom pencarian google, apabila website kita tampil pada bagian utama pencarian, saya harap kalian jangan senang dulu, karena apabila kecepatan loading website kalian lelet, niscaya pengunjung akan segera meninggalkan situs kalian, dan mereka akan mencari situs lain yang langsung mengantarkan pengunjung ke konten yang di incarnya.

Kenapa kebanyakan situs blog yang lelet disaat loading? ada satu faktor yang sering di abaikan oleh semua pembuat situs terhadap kecepatan, faktor tersebut ada pada gambar yang di pakai untuk mempercantik konten tersebut, banyak sekali yang tidak menghiraukan akan size dari gambar tersebut, padahal masalah ini akan berdampak sangat serius terhadap kecepatan loading situs.

Bagaimana merubahnya agar bisa cepat, apakah harus ganti gambar semuanya?
Helo, gak mungkin kali kalau harus ganti gambar, iya kalaw konten nya sedikit, nah kalaw puluhan atau ratusan, kelar tangan kalian.

Cara mempercepat loading nya cukup hanya menggunakan Java Script pada template blog kalian, script ini mampu menguras semua Size gambar menjadi Small, dan berdamapak kecepatan pada loading situs blog.

Cara mempercepat loading blog dengan Java Script:



  1. Masuk ke Dashbor blog kalian
  2. Pergi ke halaman Tema > Edit HTML
  3. Copy kode di bawah ini dan letakan di atas </body>
  4. Setelah itu klik Save/Simpan 

<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s1/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Silahkan skarang lihat hasilnya, jangan heran apabila loading blog kalian menjadi cepat.
Apabila ada pertanyaan mengenai postingan ini, jangan sungkan untuk berkomentar di kolom yang sudah kami sediakan.

Berlangganan update artikel terbaru via email:

Buka komentar
Tutup komentar

Belum ada Komentar untuk "Website Jadi Cepat- Ini Tutorialnya"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel