Skip to main content
New: 190 SEO checks now available. See what's new
mediumPerformanceABOVE_FOLD_IMAGES_NOT_PRIORITIZED

Above-fold images not prioritized — the fix

Hero or above-the-fold images do not have fetchpriority='high' set, meaning the browser may not prioritize their loading.

Where this fits: performance in SEO

Performance is both a ranking signal (Core Web Vitals) and a conversion multiplier. Google measures real-user loading (LCP), interactivity (INP), and visual stability (CLS) — and slow sites lose visitors before analytics even registers them. Most performance issues concentrate in a few repeat offenders: unoptimised images, render-blocking resources, and third-party scripts. Fixing the top three usually moves the needle more than fixing the next thirty.

Why above-fold images not prioritized hurts your rankings

The Largest Contentful Paint (LCP) element is often a hero image. Without fetchpriority='high', the browser may deprioritize the LCP image in favor of other resources discovered earlier in the HTML. Setting fetch priority ensures the most visually important image loads first.

This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site.

How to fix it

Add fetchpriority='high' to the LCP/hero image and ensure it does not have loading='lazy' set. Only the most important above-fold image should have high priority; other images should use lazy loading.

<img src="/hero.webp" alt="Hero banner" fetchpriority="high" width="1200" height="600">

Performance best practices

  • Serve images in modern formats (WebP/AVIF), sized to their container, with explicit dimensions.
  • Inline critical CSS and defer everything else; eliminate render-blocking third parties.
  • Set far-future cache headers on static assets and an ETag on everything.
  • Preload the fonts and hero image; font-display: swap to avoid invisible text.
  • Measure with real-user Core Web Vitals, not just lab scores — Google ranks on field data.

The full library: SEO best practices, by category.

Frequently asked questions

What does "Above-fold images not prioritized" mean?

Hero or above-the-fold images do not have fetchpriority='high' set, meaning the browser may not prioritize their loading.

Why does above-fold images not prioritized matter for SEO?

The Largest Contentful Paint (LCP) element is often a hero image. Without fetchpriority='high', the browser may deprioritize the LCP image in favor of other resources discovered earlier in the HTML. Setting fetch priority ensures the most visually important image loads first.

How do I fix above-fold images not prioritized?

Add fetchpriority='high' to the LCP/hero image and ensure it does not have loading='lazy' set. Only the most important above-fold image should have high priority; other images should use lazy loading.

How serious is this issue?

This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site. It belongs to the performance family of checks.

How do I find every page affected by this on my site?

Run a free Dr Urls audit: it crawls your site, detects above-fold images not prioritized on every affected page, shows example URLs, and generates a ready-to-use fix task. Re-scan after fixing to verify the issue is gone.

Does your site have this issue?

A free Dr Urls audit crawls your site, finds every page affected by above-fold images not prioritized, and hands you a ready-made fix task.

Check my site free

Related performance guides