Utiliser le defer pour l'affichage d'une image avec javascript

code pour l'image

/*Mettre l'url de l'image dans data-src et utiliser data: dans src comme dans l'exemple ci-dessous*/
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://mondomain.com/images/logo.png" />

Js pour le footer

/*A mettre à fin de votre page*/
<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>