Cara Mempercepat Loading Blog menggunakan Lazy Load

Cara Mempercepat Loading Blog menggunakan Lazy Load

Jalak Ikal 21 June 0 komentar
Loading blog merupakan salah satu Paktor yang di sarankan oleh google agar blog yang kita miliki menjadi Familiar di search engine,dan karena Loading blog yang cepat maka bukan tidak mungkin blog yang kita miliki akan menjadi salah satu blog yang di gemari oleh pengunjung,oleh karena itu loading salah satu blog sangatlah penting sekali untuk meningkatkan traffic pengunjung

Namun bagi blog yang loading nya berat atau loading salah satu blog lambat maka pengunjungpun tidak akan betah berada di blog yang loading nya lambat walaupun artikel yang mereka cari berada di blog tersebut,


Untuk itu bagi sobat blogger yang loading blog nya lambat banyak sekali untuk mengatasi hal tersebut di antara nya dengan cara meng conpress CSS yang berada di blog yang kita miliki,CSS yang berantakan dan tidak teratur bisa saja menghambat loading blog untuk membuat suatu halaman dengan cepat

Baca Juga : Cara agar loading Page menjadi Cepat

Maka dari itu untuk mencegah berat nya Loading blog anda bisa menconpress CSS ataupun Html yang berada di template anda,namun jika anda takut untuk meng conpress CSS template anda karena takut ada nya yang berubah pada template anda dan mungkin anda tidak tau kode mana yang bermasalah

Anda dapat menggunakan Script Lazy Load di template anda,dengan menggunakan Lazy Load untuk mempercepat loading load agar loading blog lebih Powefull.
Lazy Load gambar ini berfungsi untuk mengoptimalkan gambar pada template blog yang kita miliki agar loading blog menjadi cepat,dan ini berfungsi untuk blogger

Lain lagi denga Wordpress,jika anda menggunakan Platform Wordpress maka anda tidak akan di repotkan dengan masalah loading blog ini,karena di wordpress sudah di sediakan banyak Plugin yang dapat anda gunakan untuk mengatasi loading blog

Oleh karena itu jika anda menggunakan Blogger dan untuk mengatasi masalah loading blog,anda dapat menggunakan Lazy load ini agar loading blog anda menjadi maksimal dan tanpa ada masalah lagi,walaupun kode nya terlihat banyak tetapi setelah anda menggunakan script tesebut maka anda akan takjub dengan kerja Lazy Load ini

Kelebihan Dari Kode Lazy Load

Sebelum anda menggunakan atau menerapkan Script Lazy Load di Template anda,ada baik nya jika anda perhatikan beberapa kelebihan dari Lazy Load ini sehingga anda akan mengerti bagaimana cara kerja Lazy Load tersebut
  1. Membuat Speed Blog menjadi Cepat
  2. Mempercepat Proses Load Gambar yang berada di blog kamu ketika pengunjung membuka salah satu artikel di blog kamu
  3. Dengan cepat nya Loading blog maka visitor akan menjadi senang dan bahkan akan betah berada di blog kamu,maka dengan demikian pageview kamu akan bertambah
  4. Seo Friendly Sudah pasti tentu nya

Kekurangan Dari Lazy Load ketika di pasang di Template

 Selain ada kelebihan yang di berikan oleh Lazy Load ini,sudah pasti ada kekurangan dari lazy load ini,apapun itu tidak ada yang sempurna seperti lazy load ini,adapun kekurangan dari lazy load ini di antaranya
  • Jika Visitor tidak mengaktipkan Javascript di browser nya,maka visitor tidak akan melihat gambar pada postingan blog anda
  • Dan jika di postingan kamu memiliki empat gambar,maka Lazy Load akan menampilkan 2-3 gambar saja

Cara Pemasangan Lazy Load di blog

Jangan lah anda melihat 2 kekurangan dari Lazy Load ini,yang dimana Lazy load bisa memberikan banyak keuntungan kepada blog anda,dua kekurangan bisa kita atasi dengan memperhatikan kekurangan dari lazy load tersebut,dan jika sobat tertarik untuk pemasangan lazy Load ini,sobat bisa mengikuti langkah langkah penerapan di bawah ini
  • Silahkan Masuk ke Blogger sobat dengan menggunakan email dan pasword nya
  • Setelah itu silahkan klik template yang berada di bagian kiri dashboard blogger
  • Kemudian silahkan klik edit html
  • Setelah berada di peng editan html silahkan anda cari kode </head> untuk mempermudah sobat dalam pencarian silahkan tekan tombol Ctrl+F secara besamaan kemudian silahkan anda letakan kode lazy load berikut tepat di atas kode tersebut
<span style='font-family: verdana, geneva, sans-serif;'>
<script type='text/javascript'>//<![CDATA[
(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:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script></span>
  • Setelah itu silahkan Save template dan lihat hasil nya dengan mencoba membuka blog anda atau salah satu artikel yang berada di blog
 Demikian lah cara mempercepat loading blog menggunakan Lazy Load,semoga artikel nya bisa membantu dan selamat mencoba.

loading...
Ratings: 
Posted by Jalak Ikal, Published at 21 June and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi