Did you know that you can instruct the browser to load images from the backend only when the user scrolls near to the actual location of the image? This is possible using the loading attribute in HTML.

The browser runs some heuristics to check when the image might be actually required to be rendered.

👉 For example, an image at a bottom section might be required only when user scrolls into it and not immediately during page load.

This significantly reduces the network bandwidth and initial page load times!