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

KOMUNIKASI TRANSENDAL, KOMUNIKASI DENGAN TUHAN

🔓Owner Post Published 🕕
TANYA: Kang mau tanya, komunikasi dengan Tuhan Allah SWT disebut apa ya dalam ilmu komunikasi? JAWAB: Setahu saya, komunikasi dengan Tuhan disebut komunikasi transedental (transcendental communication), yaitu komunikasi dengan audiens atau komunikan yang gaib (tidak terlihat). Tegasnya, komunikasi transendental adalah komunikasi yang berlangsung antara diri kita dengan sesuatu yang gaib. Yang Mahagaib –dalam perspektif Islam– adalah Allah SWT, Tuhan Semesta Alam (Rabbul’ Alamin), Komunikasi dengan makhluk gaib seperti jin juga disebut komunikasi transedental. Namun, ulasan tentang komunikasi berdimensi personal dan vertikal ini lebih mengarah pada komunikasi personal seseorang dengan Tuhannya. Kaum muslim berkomunikasi dengan Allah SWT setiap hari, khususnya dalam shalat lima waktu plus dzikir dan doa-doa lainnya. Baca Juga :  Syaikh-abdul-qadir-al-jailani Setiap kali baca doa, dzikir, mengucapkan kalimah thayibah (tasbih, tahmid, takbir, tahlil) juga termasuk komunikasi transenden...
Posting Komentar
🔗BACA SELENGKAPNYA »

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 »

ENAM TIPS SEDERHANA MENJADI ATASAN YANG BERWIBAWA DAN DISEGANI

🔓Owner Post Published 🕕
1. Disiplin Dengan Waktu; Ini terdengar seperti sesuatu yang simpel, namun jika Anda konsisten  melakukan hal ini, maka Anda akan dianggap sebagai seorang yang disiplin  yang akan membuat bawahan Anda segan. Terutama terkait jam kerja kantor  Anda, tepat waktu ketika mulai jam kantor, demikian juga tepat waktu ketika  selesai pekerjaan kantor. Bukan saja ketika memulai atau mengakhiri pekerjaan, dalam rapat mendadak  misalnya, Anda juga harus menjadi orang yang tepat waktu. Anda harus bisa  menjadi contoh yang baik bagi bawahan Anda tentang bagaimana me-manage  waktu yang baik dalam bekerja. 2. Konsisten Pada Peraturan yang Sudah Ditetapkan; Hal ini juga perlu Anda perhatikan, ketika membuat suatu peraturan dalam  perusahaan, Anda juga harus menjalankannya penuh dengan tanggung jawab.  Selain itu, konsisten pada peraturan juga menjadi hal krusial yang harus Anda jaga. Jangan membuat peraturan plin plan sehingga membuat bingung...
Posting Komentar
🔗BACA SELENGKAPNYA »

KELEBIHAN DAN KEKUKARANGAN KOMUNIKASINYA VERBAL

🔓Owner Post Published 🕕
Kelebihan dan Kekurangan Komunikasi Verbal KELEBIHAN Komunikasi dapat disampaikan melalui tulisan maupun lisan. Komunikasi verbal dapat digunakan untuk membahas kejadian masa lalu, ide atau abstaksi. Komunikasi menggunakan kata-kata akan lebih mudah dikendalikan dari pada dengan menggunakan bahasa isyarat ( gerakan badan/tubuh) atau  ekspresi wajah. KEKURANGAN Dalam paparan verbal selalu terdapat redundansi, repetisi, ambiguity, dan abtraksi. Adanya keterbatasan jumlah kata yang tersedia untuk mewakili objek. Kata-kata mengandung bias budaya. Diperlukan lebih banyak waktu untuk mengungkapkan pikiran kita  secara verbal. Sehingga dari segi waktu, pesan verbal sangat tidak efisien. Kata-kata yang disampaikan dalam suatu percakapan hanya membawa sebagian dari pesan.  Baca juga : Hambatan-komunikasi-verbal
Posting Komentar
🔗BACA SELENGKAPNYA »

KISAH NABI KHIDIR DAN KOTA YANG BERUBAH

🔓Owner Post Published 🕕
Ilustrasi Gambar Dihikayatkan bahwa Nabi Khidhir 'alaihis salam suatu saat ditanya, "Apa yang paling mengherankan yang pernah engkau lihat selama umurmu?"  Beliau kemudian menjawab, "Yang paling mengherankan yang pernah aku lihat,  bahwasanya suatu saat  aku pernah melewati sebuah gurun yang kering nan gersang. Kemudian aku meninggalkannya selama lima ratus tahun.  Kemudian aku melewatinya kembali. Ternyata aku melihatnya menjadi kota yang megah dan menakjubkan, yang dipenuhi pohon-pohonan dan sungai-sungai."  Kemudian aku bertanya kepada salah satu penduduknya, "Sudah berapa tahun kota ini menjadi seramai ini?" Ia menjawab, "Maha Suci Allah. Kami, ayah-ayah kami dan kakek-kakek kami tidak mengetahuinya kecuali sudah seperti ini." Lalu aku meninggalkannya selama lima ratus tahun lagi. Kemudian aku melewatinya lagi. Ternyata kota itu menjadi lautan yang luas dan aku melihat seorang nelayan di situ, lalu aku bertanya kepadanya, "Wahai oran...
Posting Komentar
🔗BACA SELENGKAPNYA »