Dimas Blog

Select Menu
  • Home
  • Blogging
    • CSS
    • jQuery
    • Template
  • Artikel
    • Unik
    • Sub menu
    • Sub menu
  • Game
    • Emulator
    • Sub menu
    • Sub menu
  • Komputer Dan Handphone
    • Aplikasi
    • Sub menu
    • Sub menu
  • Sitemap
  • Translate
Home » jQuery » Mempercepat loading blog dengan jQuery lazy load

Senin, 01 September 2014

Mempercepat loading blog dengan jQuery lazy load

Dimas
Add Comment
jQuery
Senin, 01 September 2014
Pada awalnya untuk membuka blog ini loadingnya sangat lambat lalu saya mencari cara untuk mempercepat kecepatan blog ini lalu saya menemukan plugin ini dan hasilnya cukup menabjubkan loading blog saya jadi menjadi lebih cepat .Dan sekarang saya akan membagikanya kepada anda

1.Masuk Blogger
2.Klik template -> Edit HTML
3.Cari kode </head> lalu copy kode dibawah
4.Pastekan di atas kode </head>
<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)&amp;&amp;!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("").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().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> 

Semoga artikel ini bermanfaat.... :D

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Mempercepat loading blog dengan jQuery lazy load"

komentar seperti: spam,sara,OOT,dll akan DIHAPUS
Untuk memberikan komentar klik tombol add comments dibawah

Add Comments

komentar seperti: spam,sara,OOT,dll akan DIHAPUS
Untuk memberikan komentar klik tombol add comments dibawah

Posting Lama Beranda
Langganan: Posting Komentar (Atom)
  • Popular Week
  • Labels
  • Blog Archive

Popular Week

  • Mempercepat loading blog dengan jQuery lazy load
    Pada awalnya untuk membuka blog ini loadingnya sangat lambat lalu saya mencari cara untuk mempercepat kecepatan blog ini lalu saya menemukan...
  • Cara mengembalikan flashdisk yang terformat dan flashdisk yang terbaca 0 Byte
    HP USB Disk Storage adalah sebuah tool untuk memformat  flashdisk tapi juga bisa untuk mengembalikan flashdisk yang terbaca 0 byte ...
  • Pizza paling aneh di dunia
    Pizza yang diberi nama 'Everglades Pizza' ini disajikan dengan irisan tipis daging ular jenis piton Burma yang telah direndam d...
  • Download emulator ps1 ePSXe untuk android gratis
    Sebelumnya saya pernah membuat artikel tentang  Emulator ePSXe untuk PC  Sekarang saya akan membagikan untuk versi android Sebenarnya a...
  • Download emulator PS1 epsxe gratis
    ePSXe adalah emulator untuk PS1 untuk pc .kalian biasa menggunakan CD/DVD dari PS1 tapi kebanyakan orang memakai file ISO/BIN untuk m...

Labels

Aplikasi (1) Emulator (2) jQuery (1) Unik (1)

Blog Archive

  • ▼  2014 (5)
    • ▼  September (1)
      • Mempercepat loading blog dengan jQuery lazy load
    • ►  Agustus (4)

About This Site

Join This Site

Labels

Aplikasi (1) Emulator (2) jQuery (1) Unik (1)

About Me

Dimas
Lihat profil lengkapku

© 2025 Dimas Blog powered by Blogger.com.
All Right Reserved By Blog Dian Anarchyta.