Cara Defer Gambar pada Blogspot

Berikut adalah salah satu cara untuk men-defer gambar pada blogspot. Langkah yang pertama bersumber dari (web: varvy.com), copy code javascript dibawah ini sebelum code </body> pada html themes yang sedang digunkan.

<script>
 function init() {
 var imgDefer = document.getElementsByTagName('img');
  for (var i=0; i<imgDefer.length; i++) {
   if(imgDefer[i].getAttribute('data-src')) {
    imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
   }
  } 
 }
 window.onload = init;
</script>

setelah itu, pada setiap code yang memuat gambar (ditandai dengan code <img ……. src=’/image.jpg’>), maka pada bagian src tambahkan data- sehingga menjadi data-src, atau bisa memuat gambar dengan code sebagai berikut :

<img data-src="tautan-gambar-yang-ingin-ditampilkan.jpg" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" />

Reference :
https://varvy.com/pagespeed/defer-images.html