CARA MEMASANG SCRIPT LAZY LOAD BLOGGER CARA MEMASANG SCRIPT LAZY LOAD BLOGGER - SUARA HARIAN OTO BEMO BERODA TIGA
Suara Harian Oto Bemo Beroda Tiga

Komunikasi, Media Ilmu & Pengetahuan Umum Blogging

Langsung ke konten utama

"OTO BEMO.. OTO BEMO.. BERODA TIGA .. TEMPAT BERHENTI.. DITENGAH TENGAH KOTA..PANGGIL NONA..PANGGIL NONA..NAIK KERETA..NONA BILANG..TIDAK PUNYA UANG.. JALAN KAKI SAJA"

CARA MEMASANG SCRIPT LAZY LOAD BLOGGER

Gambar
🔓Owner Post Published 🕕
HOME GOOGLE CARA MEMASANG SCRIPT LAZY LOAD BLOGGER

Beberapa tool di web mematok kecepatan sebuah halaman dengan cara dan persepsi yang agak berbeda. Dan karena meluasnya pengguna mobile atau telpon genggam dengan kemampuan internet maka halaman mobile layar kecil ponsel atau smartphone  atau halaman web pada layar PC desktop, laptop telah menyita perhatian para blogger. Solusinya Lazy Load!

Apa Itu Lazy Load 

Lazy Load adalah sebuah teknik yang membantu meningkatkan waktu muatan suatu halaman blog dan tetap menjaga stabilitas tampilan.

Mengapa harus Lazy Load 

Karena dengan menggunakan Lazy Load! jika terdapat banyak file seperti gambar, video atau GIF maka lazy loading akan sangat membantu speed apabila pengunjung  tersebut menggulir (scroll) halaman blog kita. Dengan menggunakan teknik ini blog kita akan memiliki performa yang lebih baik.

Script lazy load bisa kamu pasang pada blog kamu yang menggunakan blogspot dan untuk menggunakannya kamu bisa ikuti langkah-langkahnya di bawah ini :

  1. Buka dasboard blogger
  2. Masuk ke tema, edit HTML
  3. Selanjutnya tekan CTRL + F dan cari kode </body>
  4. Copy paste script lazy load dibawah ini
  5. Letakkan  tepat di atas kode </body>
  6. Dan lihat hasilnya

<script type='text/javascript'> //<![CDATA[

// Fast 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNlgC_Mc6FiKqoRcJDQyb7Koxi60qpJuflU8jO9UZLJptyIRtNlrJG-kogGVXfivi1Uq2LnAhyphenhyphenQiayAKqI9W8BCbM6moljS0v7BQkfmxOnHeGjpfwnJ4keZU0x4cez4nNI1l-vi95hEiQ/s1600/bisablog-loading.png",effect:"fadeIn",threshold:"-50"})}); //]]>

</script>

Jika ingin memeriksa dan melihatnya lazy load bekerja, pengujiannya melalui GTMetrik. Semoga Sukses. Baca Juga : Tips-jadi-konten-konten-abadi-



Bagaimana Reaksi Anda Tentang Artikel Ini?

Komentar

Posting Komentar

SILAKAN KOMENTAR SESUAI TOPIK.....

POPULAR POST

ABDULLAH AL MUBARAK : ANTARA CINTA ASMARA DAN CINTA ALLAH

🔓Owner Post Published 🕕
Abdullah Al-Mubarak : Antara Cinta Asmara dan Cinta Allah Sejak muda ia sudah bertobat dan mendapat pencerahan cahaya Ilahiah. Wali yang doanya makbul ini juga dikenal sebagai ahli hadits dan hartawan yang dermawan. Suatu hari, anak muda itu tergila-gila kepada seorang gadis. Iapun terus menerus dirundung gundah gulana yang sangat dalam. Ia memuja dan mendambakan kekasih hatinya. Setiap detik selalu teringat si jantung hati. Suatu malam, di musim dingin, ia berdiri di bawah jendela kamar sang kekasih, menunggu sang pujaan. Ia rela berlama-lama di situ sekedar untuk menatapnya walau hanya sekejap. Butiran-butiran salju yang membasahi bajunya tak membuatnya gentar, ia tetap saja termangu sepanjang malam, menunggu si pujaan hati menampakkan parasnya. Sesaat terdengar alunan azan yang memecah keheningan hari yang beranjak menjadi malam. Dingin dan senyap. Tapi justru saat itulah cintanya melampaui ruang dan waktu. Mengalahkan dinginnya malam. Tak terasa ia sudah berjam-jam te...
Posting Komentar
🔗BACA SELENGKAPNYA »

ABU NAWAS KUAH DIBALAS MAKJUN

🔓Owner Post Published 🕕
Abu Nawas, Kuah Dibalas Makjun Di mata Khalifah Harun al-Rasyid figur Abu Nawas memang lihai, dia tidak hanya lucu tetapi juga bijaksana sehingga tidak dapat dipandang enteng. Di satu pihak hal itu sangat membanggakan khalifah, tetapi di lain pihak, sangat menjengkelkannya, karena ia suka kurang ajar dan tidak tahu diri. Oleh karena itu baginda tidak pernah berhenti memeras otak untuk dapat membalas Abu Nawas. Pada suatu hari di bulan Rabiulawal, baginda khalifah tersenyum simpul sendiri sambil bergumam, “Awas kau, Abu Nawas, kali ini pasti kena.” Seperti biasa setiap bulan Rabiulawal, Sultan Harun Al-Rasyid menyelenggarakan acara Maulid Nabi di istana. Pada saat itu semua pembesar negeri hadir termasuk putra-putra mahkota dari negeri-negeri sekitarnya, tapi Abu Nawas tidak tampak. “Panggil dia kemari,” perintah khalifah kepada punggawa. Setelah Abu Nawas datang menghadap, dimulailah acara hari itu. Semua hadirin dipersilahkan berdiri, kemudian masing-masing disirami...
Posting Komentar
🔗BACA SELENGKAPNYA »

APA ITU DOMAIN AUTHORITY DAN PAGE AUTHORITY !??

🔓Owner Post Published 🕕
Saat melakukan optimalisasi SEO, mungkin kamu pernah menemui istilah DA atau PA. DA dan PA merupakan singkatan dari Domain Authority dan Page Authority. Kamu bisa temukan istilah ini misalnya ketika melakukan analisis SERP sebuah website, atau ketikan melakukan riset keyword. Kamu bisa lihat pada gambar berikut yang merupakan contoh analisis SERP website menggunakan MOZ : Nilai skor DA atau PA menjadi salah satu hal yang berpengaruh terhadap kualitas SEO pada sebuah website. Semakin tinggi nilai DA/PA  suatu website, maka kualitas optimalisasi SEO yang dilakukan juga semakin bagus. Tentu juga akan mempermudah website tersebut mendapat posisi yang bagus pada halaman hasil pencarian Google. Apa Itu Domain Authority? Dikutip dari MOZ  mengatakan, Domain Authority adalah skor yang menunjukkan seberapa baik peringkat website yang dinilai melalui alamat domain yang digunakan. Skor Otoritas Domain dihitung dari 1 hingga 100. Skor yang lebih tinggi dianggap lebih berpotensi mendapat p...
Posting Komentar
🔗BACA SELENGKAPNYA »

MENYIKAPI JADZAB WALI ALLAH

🔓Owner Post Published 🕕
Menyingkap Jadzab Dalam khazanah kesusasteraan Jawa kita mengenal yang namanya Suluk Linglung yang merupakan nama lain dari Suluk Syaikh Malaya. Karya sastra yang diperkiran buah tangan Pangeran Kadilangu tersebut merupakan adaptasi dari Serat Dewa Ruci gubahan Yasadipura I, embah canggah sang pujangga penutup pengarang Serat Jayengbaya: Ronggawarsita. Alkisah, Syaikh Malaya—yang secara harfiah berarti mlaku atau berjalan—yang merupakan gelar lain Sunan Kalijaga, hendak menunaikan ibadah haji. Tapi, di ambang sadarnya, ia dijumpai oleh Nabi Khidhir di mana dalam Serat Dewa Ruci di sebut sebagai Sang Marbudengrat alias Dewa Ruci. Saya tak akan menceritakan ulang kisah suluk yang dalam arti sebenarnya adalah perjalanan ruhani tersebut. Banyak orang telah paham tentang kisah pencarian dan pertemuan Bima Sena dengan Dewa Ruci. Saya kira yang menarik di sini adalah bahwa fenomena spiritual yang dialami Bima Sena dalam pewayangan Jawa dialami pula oleh Sunan Kalijaga. Dengan ka...
Posting Komentar
🔗BACA SELENGKAPNYA »

POLA PIKIR ORANG SUKSES DALAM BERFIKIR

🔓Owner Post Published 🕕
1. Orang yang sukses adalah orang yang berani untuk berjalan-jalan dengan kegagalan….. orang yang sukses adalah orang berteman dengan kegagalan……… karena orang yang sukses mengenal arti kegagalan; 2. Kerjakanlah apa yang bisa kamu kerjakan hari ini sebab esok hari belum tentu kita bisa mengerjakan apa yang seharusnya kita kerjakan………; 3. Sukses seringkali datang pada mereka yang berani bertindak, dan jarang menghampiri penakut yang tidak berani mengambil konsekuensi...; 4. Apapun yang terjadi berbahagialah dan selalu berterimakasih, berusaha untuk lebih baik dan sehat lagi. jangan lupa untuk membantu dan membahagiakan orang lain. 5. Dalam Hidup ada 2 pilihan, “anda mau maju sebagai pemenang atau mundur sebagai pecundang”; 6. Yang belum terlihat bukan berarti tidak ada, yang belum berhasil bukan berarti gagal dan yang belum diraih bukan berarti tidak pernah Karena dimana ada IMAN pasti ada JALAN KELUAR; 7. Tidak selamanya pemenang itu benar.. Tetapi seseoran...
Posting Komentar
🔗BACA SELENGKAPNYA »