<h2 class="title">👇 Scroll Down 👇</h2>
<p>Check your Network tab in console to see when the image is loaded</p>

<div class="image-goes-here">
  <img src="https://placekitten.com/300/300" loading="lazy">
</div>
body {
  text-align: center;
  padding: 50px;
}

.image-goes-here {
  margin-top: 2000px;
}
View Compiled
Run Pen

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.