We respect your privacy.

We use strictly necessary cookies to keep you signed in and to protect against CSRF. With your permission we also use a small amount of first-party analytics to improve the product. We do not sell your data and we do not use third-party advertising trackers. See our cookie policy and privacy policy .

Crawlmind
← All learn topics

Rule page.image.lazy-load-missing

Lazy-load below-the-fold images

page.image.lazy-load-missing is a check in Crawlmind's site audit that grades medium-impact issues of this kind. This page explains why the rule matters and the exact fix.

Impact: mediumEffort: lowFixable: 1-click

Why it matters

Images below the fold that load eagerly compete with critical resources for bandwidth, hurting Largest Contentful Paint (LCP): Google's most-weighted Core Web Vital. Browser-native lazy loading is a one-attribute fix that defers off-screen images until they're about to scroll into view.

The fix

```html
<!-- Above the fold: eager (default), no attribute needed -->
<img src="hero.jpg" alt="…">

<!-- Below the fold: lazy -->
<img src="testimonial.jpg" alt="…" loading="lazy">
```

Rule of thumb: the first 1-2 images on the page stay eager; everything else gets `loading="lazy"`. Don't lazy-load the LCP candidate: that's worse than no lazy-load.

References