---
title: "LCP image is lazy-loaded (perf/lcp-image-lazy)"
description: "perf/lcp-image-lazy: loading=\"lazy\" tells the browser to wait for layout before fetching, which delays the most important image on the page by hundreds of…"
canonical: https://void-design.vercel.app/rules/perf/lcp-image-lazy
lastModified: 2026-09-16
---

# LCP image is lazy-loaded

`perf/lcp-image-lazy` · severity **error** · category Performance · detected by `void perf` and `void audit`

## Why it matters

loading="lazy" tells the browser to wait for layout before fetching, which delays the most important image on the page by hundreds of milliseconds.

## How to fix it

Remove loading="lazy" from the LCP image (in Next: preload or loading="eager" + fetchPriority="high"). Lazy-load only images below the fold.

## Example

```
<!-- before --> <img src="/hero.avif" loading="lazy">
<!-- after -->  <img src="/hero.avif" fetchpriority="high" width="1200" height="630" alt="…">
```

## References

- https://web.dev/articles/lcp-lazy-loading

## More performance rules

`void perf` reports 25 rules in this category. Core Web Vitals and bytes: LCP, CLS, TBT, TTFB, JavaScript, CSS, fonts, images, caching and compression, measured as the median of several runs on a throttled mobile and a desktop profile.

- `font-budget` Web font transfer exceeds the budget — [perf/font-budget](https://void-design.vercel.app/rules/perf/font-budget)
- `too-many-fonts` Too many font files are downloaded — [perf/too-many-fonts](https://void-design.vercel.app/rules/perf/too-many-fonts)
- `image-budget` Image transfer exceeds the budget — [perf/image-budget](https://void-design.vercel.app/rules/perf/image-budget)
- `too-many-requests` Page makes many requests — [perf/too-many-requests](https://void-design.vercel.app/rules/perf/too-many-requests)
- `lcp-image-no-priority` LCP image has no fetchpriority="high" — [perf/lcp-image-no-priority](https://void-design.vercel.app/rules/perf/lcp-image-no-priority)
- `lcp-background-image` LCP element is a CSS background image — [perf/lcp-background-image](https://void-design.vercel.app/rules/perf/lcp-background-image)
- `image-oversized` Image is much larger than its rendered size — [perf/image-oversized](https://void-design.vercel.app/rules/perf/image-oversized)
- `image-legacy-format` Image served in a legacy format — [perf/image-legacy-format](https://void-design.vercel.app/rules/perf/image-legacy-format)

Detected by `void perf` and `void audit`. Explain it in a terminal: `void rules perf/lcp-image-lazy`