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 »

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 »

MAKRIFAT RASA DALAM KOPI

🔓Owner Post Published 🕕
Banyak sekali hal baik yang bisa kita ambil soal kedalaman rasa bagi pecinta kopi. Tapi bicara soal potensi diri dan kualitas diri tanpa teori, hanya sekedar menggunakan rasa. Jika kita bisa mendalami rasa, maka kita akan menemukan surga dalam diri. Sangat dalam, bahkan ada rasa di dalam rasa yang tidak bisa dipahami dengan pendekatan ilmu tampak manapun. Karena tidak semua hal harus dengan pembuktian kasat mata, karena faktanya banyak yang kita percaya meski tidak pernah ia menampakkan diri, bahkan belum pernah kita lihat sama sekali. Apa kamu pernah melihat Tuhan, malaikat, Nabi nabi, hingga melihat bentuk gelombang suara, jaringan internet dan sms yang ghaib karena bisa mengirim kata dengan cepat dalam jarak yang sangat jauh? Seperti apa bentuknya? Kenapa kamu percaya? Jika kita bisa mengolah rasa yang tidak bisa dilihat seperti itu maka, Tujuanmu bekerja menjadi bukan untuk kaya seperti Kaum Sudra Tujuanmu belajar dan berlatih bukan untuk pintar dan kuat s...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENGERTIAN, FUNGSI DAN JENIS LINK BLOG DAN WEBSITE

🔓Owner Post Published 🕕
Pada dasarnya, pengertian link adalah suatu istilah pada website dan blog yang merujuk pada kata asli yaitu Hyperlink. Karena istilah Hyperlink dianggap cukup panjang dan kurang ringkas, maka kebanyakan orang hanya akan menyebutnya cukup dengan link. Untuk memiliki skor otoritas  blog dan web milik anda cek disini  website authority checker . Apa artinya ini? Domain Rating (DR) adalah ukuran otoritas sebuah website berdasarkan profil backlink-nya. Skalanya dari nol sampai seratus. Secara umum, semakin tinggi angka ini, semakin kuat dan otoritatif situs tersebut. Bagaimana cara menghitungnya? Domain Rating (DR) melihat kualitas dan kuantitas backlink eksternal ke sebuah website. Itu tidak memperhitungkan variabel lain seperti spam tautan, lalu lintas, usia domain, dll. Bagaimana saya harus menggunakannya? Peringkat Domain (DR) berarti sangat sedikit dalam isolasi. Namun, itu memberikan cara terbaik untuk membandingkan otoritas relatif dari dua atau lebih situs web di ceruk yang...
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 »