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

BENTUK KOMUNIKASI NON VERBAL

🔓Owner Post Published 🕕
Bentuk Komunikasi Non Verbal Ada TuJuh Yaitu :  Komunikasi visual. Komunikasi visual merupakan salah satu bentuk komunikasi yang digunakan untuk menyampaikan pesan berupa gambar - gambar, grafik-grafik,  lambang-lambang, atau simbol-simbol. Dengan menggunakan gambar-gambar yang  relevan, dan penggunaan warna yang tepat, serta bentuk yang unik akan  membantu mendapat perhatian pendengar. Dibanding dengan hanya mengucapkan  kata-kata saja, penggunaan komunikasi visual ini akan lebih cepat dalam  pemrosesan informasi kepada para pendengar.  Komunikasi sentuhan. Ilmu yang mempelajari tentang sentuhan dalam komunikasi non verbal sering  disebut Haptik. Sebagai contoh : bersalaman, pukulan, mengelus-ngelus,  sentuhan di punggung dan lain sebagainya merupakan salah satu bentuk  komunikasi yang menyampaikan suatu maksud/tujuan tertentu dari orang yang  menyentuhnya. Komunikasi gerakan tubuh. Kinesik atau gerakan tubuh ...
Posting Komentar
🔗BACA SELENGKAPNYA »

FAKTOR FAKTOR TERJADINYA KONFLIK SOSIAL

🔓Owner Post Published 🕕
Faktor-Faktor Terjadinya Konflik SosialKonflik sosial adalah pertentangan yang terjadi dalam masyarakat. Menurut Robert M.Z Lawang, konflik sosial merupakan alat untuk memperoleh hal-hal yang langka, seperti status, kekuasaan, dan sebagainya. Konflik sosial menyebabkan kehidupan masyarakat menjadi kacau. Oleh karena itu, konflik sosial harus segera di atasi agar tidak meluas dan mengancam dis-entegrasi sosial.Masyarakat adalah makhluk sosial yang selalu berinteraksi.  Dalam interaksinya, manusia sering dihadapkan pada situasi konflik (pertentangan / pertikaian). Munculnya konflik sosial tidak terjadi dengan sendirinya dan tidak sesederhana yang bisa kita bayangkan.Pada umumnya konflik merupakan suatu gejala sosial yang sering muncul dalam kehidupan bermasyarakat. Dalam sejarah Indonesia pun seringkali diwarnai dengan berbagai konflik, baik konflik yang terjadi antara bangsa Indonesia dengan para penjajah, maupun konflik yang terjadi diantara bangsa ini.  Macam – Macam ...
Posting Komentar
🔗BACA SELENGKAPNYA »

EMPAT MATERI LEADERSHIP YANG WAJIB DIMILIKI MANAGER ANDA

🔓Owner Post Published 🕕
Pelatihan kepemimpinan dalam sebuah perusahaan atau yang lebih banyak dikenal dengan istilah training leadership ini menjadi tonggak penting kepemimpinan perusahaan. Setiap perusahaan pasti selalu membutuhkan pergantian kepemimpinan  yang memiliki kompetensi lebih baik atau paling tidak sama dengan pemimpin sebelumnya. Untuk itulah diadakan pelatihan dengan materi leadership yang kuat agar calon pemimpin ini bisa terarah dengan baik. Kepemimpinan menjadi salah satu seni yang cukup sulit dilakukan bagi sebagian orang. Mereka harus menyempurnakan diri sebagai seseorang yang bijaksana, tegas, berani mengambil keputusan, bisa mengayomi anak buahnya dan lain sebagainya. Belajar dari pengalaman saja tidak cukup, para pemimpin ini wajib mendapatkan materi leadership yang sesuai dengan karakteristik anggota yang dipimpinnya. Pada dasarnya setiap training leadership pasti memiliki patokan dasar materi atau materi utama yang dikhususkan untuk membentuk jiwa kepemimpinan pesertanya...
Posting Komentar
🔗BACA SELENGKAPNYA »

DEFINISI WALI ALLAH DALAM KAJIAN TASAWUF

🔓Owner Post Published 🕕
Sebagian dari kita bersikap “lancang” mengukur kesalehan orang lain dengan menjatuhkan vonis kewalian dan ketidakwalian orang lain. Ini jelas bukan tugas utama kita. Kita sering mendengar kata “wali” atau “waliyullah” dalam khazanah keislaman, terutama pada kajian tasawuf.  Kata ditafsirkan apa saja oleh orang banyak yang umumnya dimaknai sebagai orang yang melekat dengan karamah atau keramat. Abul Qasim Al-Qusyairi dalam karyanya Ar-Risalah Al-Qusyairiyyah mengangkat pengertian wali.  Ia menyebut dua kemungkinan kandungan makna kata tersebut. Kata “wali” dapat ditarik ke dalam wazan mubalaghah atau wazan fa’īl dengan makna maf’ūl. فإن قيل  فما معنى الولي قيل يحتمل أمرين: أحدهما أن يكون فعيلاً مبالغة من الفاعل؛ كالعليم، والقدير وغيره، فيكون معناه: من توالت طاعاته من غير تخلل معصية Artinya, “Jika ditanya, ‘Apa makna wali?’ maka jawabnya, ia mempunyai dua kemungkinan.  Pertama, kata ‘wali’ mengikuti wazan ‘fa‘īl’ sebagai mubalaghah dari fā’il, sejenis makna superlatif ...
Posting Komentar
🔗BACA SELENGKAPNYA »

CARA MEREKRUT KARYAWAN YANG TEPAT DAN BAGUS

🔓Owner Post Published 🕕
Cara Merekrut Karyawan Yang Tepat Dan Bagus Cara Merekrut Karyawan Yang Tepat Dan Bagus- Selain permodalan, penentuan lokasi usaha yang tepat. Selanjutnya yang tak kalah pentingnya yaitu merekrut karyawan. Cara merekrut karyawan yang tepat dan benar butuh trik, yang akan saya bahas disini. Ada dua kriteria dalam merekrut karyawan atau tim. yaitu: tepat dan Bagus, tepat secara posisi dan benar secara attitude (sikap, prilaku atau kepribadian). Kriteria orang yang bagus dalam merekrut karyawan Orang yang bagus. Orang yang bagus adalah penilaian secara sikap dan perilaku. Dalam buku Good To Great (Jim Collin) dikatakan”First Who then What.”Maknanya adalah merekrut orang yang bagus sejak awal adalah hal yang utama, baru kemudian mau dibawa kemana. Cara Merekrut Karyawan Merekrut karyawan orang yang bagus tak perlu motivasi berlebihan, cukup diarahkan dan dididik. Orang yang jelek dari sikap dan prilakunya akan merepotkan kita dalam memotivasi dan mengontrolnya. Or...
Posting Komentar
🔗BACA SELENGKAPNYA »