Pengaruh menggunakan lazy load lazySize.js

  • Whatsapp

Hari ini adalah hari kedua blog saya menayangkan iklan Google Adsense tentu ini menjadi satu kebahagian buat saya ya,,walaupun belum pasti masih dalam tahap-tahap awal yang rentan, tetapi saya yakin dengan berdoa semoga iklan akan terus ditampilkan di blog saya ini karena kalau tidak ditampilkan itu artinya dibanned dong, jangan sampai.

Pertama kali pemasangan unit iklan setelah resmi mendapatkan email pemberitahuan bahwa blog saya sudah siap menayangkan iklan ada yang tidak saya sukai dengan iklannya” kenapa? karena iklannya tetap kosong padahal didalam isi email sudah dijelaskan bahwa blog saya sudah siap untuk menayangkan iklan tapi kenapa ko masih putih?.

Read More

Usut punya usut ternyata ada sesuatu seperti sudah saya jelaskan diartikel saya sebelumnya ada diparagraf paling bawah disitu saya singgung iklan tidak ditampilkan dikarenakan saya memakai trik mempercepat loading blog yang saya dapat di salah satu Mastah blogger yang sudah tidak asing lagi namanya dengan sebutan blog kompiajaib Si Mas Adhy.

Diartikel situ dijelaskan bahwa salah satu plugin yang saya terapkan di HTML templat setelah dicopot ternyata iklan bisa tampil dengan sempurna, Lazy load lazySize.js adalah plugin yang saya maksud. untuk lazy load image dan embed video Youtube agar semua gambar dan embed video Youtube tidak membebani loading web blog Anda.

Sedikit yang saya tahu apa itu Lazy load? Lazy load adalah satu trik menunda loading atau pemuatan suatu objek semisal gambar dan embed vidio seperti yang sudah gunakan ini adalah untuk menunda pemuatan objek gambar dalam trik ini sudah digabungkan juga dengan trik membuat vidio youtube menjadi responsive secara otomatis oleh “Sipembuatnya”.

Namun ternyata ada akibat yang ditimbulkan bagi iklan diblog saya sehingga iklan tidak muncul, ada dua kemungkinan :

  1. Mungkin  memang lazy load lazySize.js efeknya seperti itu
  2. Atau mungkin tidak cocok dengan templat yang saya gunakan, entahlah?”

Yang jelas terpaksa saya copot karena saya tidak punya trik untuk mengatasinya selain mencopotnya. Sebenarnya memang sih efek dari penggunaan plugin ini bila diperhatikan ada penundaan pemuatan objek seperti gambar pada saat membuka blog sebelum halaman blog yang dikunjungi oleh kita discroll gambar tidak ikut di load bersamaan dengan konten teks.

Sayang sih saya copot karena sudah merasakannya, nanti kalau sudah ada dapet nemu trik untuk supaya tidak mempengaruhi iklan akan saya pasang lagi, hanya itu yang baru saya rasakan itupun saya tahu setelah saya memasang iklan adsense dan pada saat itu menggunakan plugin lazy load lazySize.js iklan menjadi tidak tampil.

Pengalaman pengguna plugin ini mungkin akan berbeda namun seperti itulah yang saya rasakan dan pernah saya alami.

Berikut kode script lazy load lazySize.js : Copy pastekan pada edit templat HTML blog Anda tepat diatas </body> dan jangan lupan simpan perubahan.

<script async='async' src='https://cdn.rawgit.com/aFarkas/lazysizes/gh-pages/lazysizes.min.js' type='text/javascript'></script>
<script>
//<![CDATA[
for(var imgEl=document.getElementsByTagName("img"),i=0;i<imgEl.length;i++)imgEl[i].getAttribute("src")&&(imgEl[i].setAttribute("data-src",imgEl[i].getAttribute("src")),imgEl[i].className+=" lazyload",imgEl[i].setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="));
$(document).ready(function() {
    $('iframe[src*="youtube.com"]').wrap('<div></div>').css({
        "position": "absolute",
        "top": "0",
        "left": "0",
        "width": "100%",
        "height": "100%",
        "border": "0"
    }).addClass("lazyload").each(function() {
        $(this).attr("data-src", $(this).attr("src"));
        $(this).removeAttr("src", "")
    });
});
//]]>
</script>

Sekian artikel kali ini, ini menjadikan sebagai cerita sehari-hari Agen BRILink dengan harapan sedikit tetapi bermanfaat menjadi sumber referensi untuk Anda yang lagi bingung karena mengalami hal yang sama pada blog Anda.

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *