Lazy loading
The native loading="lazy" attribute applies to images and iframes below the fold; all modern browsers support it.
<img src="image.webp" width="800" height="450" loading="lazy" decoding="async" alt="Description">Never use it on the LCP image or on resources visible at load. Keep width and height to avoid CLS. For scripts see defer & async; for formats see Images.