Your page is loading all images as soon as the page starts to load, even the ones that are far down the page and not visible. This wastes data and significantly slows down the initial load time. 'Lazy loading' is a technique that defers the loading of off-screen images until the user scrolls near them.
An image tag without a loading attribute.
Add the `loading="lazy"` attribute to all `<img>` and `<picture>` tags that are not visible in the initial viewport ('below the fold').
<img src="my-image.jpg" loading="lazy" alt="...">Lazy loading is a powerful performance optimization. It reduces the initial page weight, speeds up the rendering of critical content, and saves data for users, especially on mobile. This can improve your Core Web Vitals scores.
This issue can affect your site's search engine rankings and user experience. Addressing it promptly helps ensure optimal performance and visibility in search results.
Black SEO Analyzer automatically checks for this warning during site analysis, along with hundreds of other technical SEO issues.
Choose the license that fits your needs and start getting the deep, actionable insights you deserve.