Lompat ke konten Lompat ke sidebar Lompat ke footer

Pengaruh Memakai Lazy Load Lazysize.Js

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

Pertama kali pemasangan unit iklan sehabis resmi mendapat email pemberitahuan bahwa blog aku sudah siap menayangkan iklan ada yang tidak aku sukai dengan iklannya" kenapa? sebab iklannya tetap kosong padahal didalam isi email sudah dijelaskan bahwa blog aku sudah siap untuk menayangkan iklan tapi kenapa ko masih putih?.

Usut punya usut ternyata ada sesuatu menyerupai sudah aku jelaskan diartikel aku sebelumnya ada diparagraf paling bawah disitu aku singgung iklan tidak ditampilkan dikarenakan aku menggunakan trik mempercepat loading blog yang aku sanggup 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 aku terapkan di HTML templat sehabis dicopot ternyata iklan sanggup tampil dengan sempurna, Lazy load lazySize.js yaitu plugin yang aku maksud. untuk lazy load image dan embed video Youtube supaya semua gambar dan embed video Youtube tidak membebani loading web blog Anda.

Sedikit yang aku tahu apa itu Lazy load? Lazy load yaitu satu trik menunda loading atau pemuatan suatu objek semisal gambar dan embed vidio menyerupai yang sudah gunakan ini yaitu untuk menunda pemuatan objek gambar dalam trik ini sudah digabungkan juga dengan trik menciptakan vidio youtube menjadi responsive secara otomatis oleh "Sipembuatnya".

Namun ternyata ada jawaban yang ditimbulkan bagi iklan diblog aku sehingga iklan tidak muncul, ada dua kemungkinan :

  1. Mungkin  memang lazy load lazySize.js efeknya menyerupai itu
  2. Atau mungkin tidak cocok dengan templat yang aku gunakan, entahlah?"

Yang terang terpaksa aku copot sebab aku tidak punya trik untuk mengatasinya selain mencopotnya. Sebenarnya memang sih imbas dari penggunaan plugin ini bila diperhatikan ada penundaan pemuatan objek menyerupai gambar pada ketika membuka blog sebelum halaman blog yang dikunjungi oleh kita discroll gambar tidak ikut di load bersamaan dengan konten teks.

Sayang sih aku copot sebab sudah merasakannya, nanti bila sudah ada dapet nemu trik untuk supaya tidak menghipnotis iklan akan aku pasang lagi, hanya itu yang gres aku rasakan itupun aku tahu sehabis aku memasang iklan adsense dan pada ketika itu menggunakan plugin lazy load lazySize.js iklan menjadi tidak tampil.

Pengalaman pengguna plugin ini mungkin akan berbeda namun menyerupai itulah yang aku rasakan dan pernah aku alami.

Berikut instruksi 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 style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;width:100%"></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 menyebabkan sebagai kisah sehari-hari Agen BRILink dengan impian sedikit tetapi bermanfaat menjadi sumber acuan untuk Anda yang lagi galau sebab mengalami hal yang sama pada blog Anda.