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

FUNGSI KOMUNIKASI NON VERBAL

🔓Owner Post Published 🕕
Fungsi pertama : Repetisi Perilaku nonverbal dapat mengulangi perilaku verbal. Misalnya, Anda  menganggukkan kepala ketika mengatakan "Ya," atau menggelengkan kepala  ketika mengatakan "Tidak," atau menunjukkan arah (dengan telunjuk) ke mana  seseorang harus pergi untuk menemukan Water Close. Fungsi Kedua : Subtitusi Perilaku nonverbal dapat menggantikan perilaku verbal, jadi tanpa berbicara. Anda bisa berinteraksi dengan orang lain. Misalnya, seorang pengamen  mendatangi mobil Anda kemudian tanpa mengucapkan sepatah katapun Anda  menggoyangkan tangan Anda dengan telapak tangan mengarah ke depan (sebagai  kata pengganti "Tidak"). Isyarat nonverbal yang menggantikan kata atau frasa  inilah yang disebut emblem. Fungsi Ketiga : Kontradiksi Perilaku nonverbal dapat membantah atau bertentangan dengan perilaku verbal  dan bisa memberikan makna lain terhadap pesan verbal . Misalnya, Anda  memuji prestasi teman sambil mencibirkan bibir...
Posting Komentar
🔗BACA SELENGKAPNYA »

ILMU POLITIK DAN ILMU HUKUM

🔓Owner Post Published 🕕
Sejak dulu ilmu hukum sangat erat kaitannya dengan ilmu politik, karena mengatur dan melaksanakan undang-undang merupakan salah satu kewajiban negara yang penting. Terutama negara-negara Benua Eropa, ilmu hukum sejak dulu kala erat hubungannya dengan ilmu politik, karena mengatur dan melaksanakan undang-undang merupakan salah satu kewajiban negara yang penting.  Cabang-cabang ilmu hukum yang khususnya meneropong negara ialah hukum tata-negara (dan ilmu negara). Ahli hukum melihat negara semata-mata sebagai lembaga atau organisasi hukum, maka ahli ilmu politik lebih selain cendrung menganggap negara sebagai system of controls, juga memandang negara sebagai suatu asosiasi atau sekelompok manusia yang bertindak untuk mencapai beberapa tujuan bersama.  Setiap masyarakat baik modern maupun primitif harus berdasarkan kepada ketertiban. Hukum dibuat, dijalankan dan dipertahankan oleh suatu kekuasaan. Pada saat ini, kekuasaan itu adalah Negara. Dalam hal ini sudah nampak hubungan ...
Posting Komentar
🔗BACA SELENGKAPNYA »

TUJUAN KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
TUJUAN KOMUNIKASI VERBAL :  Komunikasi verbal melalui lisan dapat dilakukan secara langsung bertatap   muka antara komunikator dengan komunikan, seperti berpidato atau ceramah.   Selain itu juga, komunikasi verbal melalui lisan dapat dilakukan dengan  menggunakan media, contoh seseorang yang bercakap-cakap melalui telepon.  Sedangkan komunikasi verbal melalui tulisan dilakukan dengan secara tidak   langsung antara komunikator dengan komunikan. Proses penyampaian informasi   dilakukan dengan menggunakan berupa media surat, lukisan, gambar, grafik   dan lain-lain. Adapun tujuan menggunakannya komunikasi verbal (lisan dan tulisan) antara   lain : Penyampaian penjelasan, pemberitahuan, arahan dan lain sebagainya, Presentasi penjualan dihadapan para audien, Penyelenggaraan rapat, Wawancara dengan orang lain, Pemasaran melalui telepon, dan sebagainya. Baca juga  Praktek-komunikasi-verbal
Posting Komentar
🔗BACA SELENGKAPNYA »

PERBEDAAN SISTEM KOMUNIKASI VERBAL DAN NON VERBAL

🔓Owner Post Published 🕕
Komunikasi Verbal Dan Non verbal Perbedaan pada kedua sistem komunikasi memang terlihat sangat mecolok. Namun, tak ada salahnya jika kita mempelajari perbedaan keduanya lebih dalam agar dapat menambah pengetahuan kita tentang komunikasi. ada perbedaan antara kedua sistem komunikasi. Pertama, komunikasi nonverbal yang dianggap lebih jujur??. Jika perilaku verbal dan nonverbal yang tidak konsisten, kebanyakan orang percaya perilaku nonverbal.  Ada sedikit bukti bahwa perilaku nonverbal sebenarnya lebih dapat dipercaya daripada komunikasi verbal, setelah semua, kita sering mengontrolnya cukup sadar. Meskipun demikian, hal itu dianggap lebih dapat dipercaya. (Anderson, 1999) Kedua, tidak seperti komunikasi verbal, komunikasi nonverbal adalah multi disalurkan. komunikasi verbal biasanya terjadi dalam satu saluran, komunikasi verbal lisan yang diterima melalui pendengaran, dan komunikasi verbal tertulis dapat dilihat, dirasakan, didengar, berbau, dan mencici...
Posting Komentar
🔗BACA SELENGKAPNYA »

ILMU POLITIK DAN EKONOMI

🔓Owner Post Published 🕕
Pada masa dahulu, ilmu politik dan ilmu ekonomi dianggap sebagai satu  bidang ilmu tersendiri, yaitu politik ekonomi (political economy). Politik  ekonomi yaitu pemikiran dan analisis kebijakan untuk kesejahteraan negara  karena perkembangan ilmu pengetahuan, maka ilmu tersebut memisahkan diri   menjadi ilmu politik dan ilmu ekonomi. Ilmu politik dan ekonomi sejak dahulu kala sampai pada saat ini selalu sangat erat hubungannya. Kebenaran dalil ini dapat diketahui tanpa menganut pendirian-pendirian marxistis yang meredusir seluruh kehidupan sosial atau “Uberbau” idiil pada struktur perekonomian atau “Unterbau” materiil atau  pendapat yang menyamakan proses politik dengan proses perekonomian. Kehidupan politik dan kehidupan ekonomi selalu saling bertemu, saling pengaruh-mempengaruhi, jalin-menjalin. Aktivitas-aktivitas politik karena  itu amat sulit dipisahkan dari pada aktivitas-aktivitas ekonomi. Kedua aktivitas itu kadang-kadang sejalan, s...
Posting Komentar
🔗BACA SELENGKAPNYA »