only load image when in view html code example
Example 1: html lazy loading images
<img loading="lazy" src="https://via.placeholder.com/320x200" alt="Lazy loaded image" />
Example 2: how to add lazy loading in html
lazy loading in html
<img src="myimage.jpg" loading="lazy" alt="..." />
<iframe src="content.html" loading="lazy"></iframe>