Why does this matter?
Images outside the viewport don't need to load immediately. Lazy loading significantly reduces initial load time and improves LCP (Largest Contentful Paint) - a Core Web Vital that Google measures.
How to fix it?
Add loading="lazy" to all <img> tags that are not in the first viewport. Hero images and other above-the-fold images should NOT have loading="lazy" - they should load immediately.
This check scores from 0 to 100. Below 50 is a fail, 50 to 89 is a warning, 90 or above is good. After each crawl you see the score per page in your report, with a short note on what we found.
Frequently asked questions
Checks if images use loading="lazy".
Images outside the viewport don't need to load immediately. Lazy loading significantly reduces initial load time and improves LCP (Largest Contentful Paint) - a Core Web Vital that Google measures.
Add loading="lazy" to all <img> tags that are not in the first viewport. Hero images and other above-the-fold images should NOT have loading="lazy" - they should load immediately.
Example
Copy the code below and adapt the domain name, brand name and content to your situation.
<img src="product.jpg" alt="Product" loading="lazy">