jQuery Lazy Loading, no additional JS, use data-src
jsfiddle.net/alexgurrola/2x5jL12o/
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyloadxt/1.0.5/jquery.lazyloadxt.min.js"></script>
<div class="padding">padding</div>
<img data-src="https://picsum.photos/609" height="609" width="609">
<div class="padding">padding</div>
CSS
.padding{
height: 1000px;
width: 100px;
background-color: tan;
border: 1px solid grey;
}
img {
background: green;
}