WordPress.org

<p>This plugin adds the <code>fetchpriority="high"</code> attribute to the image that is most likely the LCP image for the current response, improving LCP performance by telling the browser to prioritize that image. The LCP image detection directly relies on the existing WordPress core heuristics that determine whether to not lazy-load an image. The only difference is that, while multiple images may not be lazy-loaded, only a single image will be annotated with <code>fetchpriority="high"</code>.</p>


Fetchpriority

Adds a fetchpriority hint for the primary content image on the page to load faster.

Gunjan Jaswal

<p>FetchPriority Featured Image is a lightweight plugin that automatically adds the <code>fetchpriority="high"</code> attribute to featured images on your WordPress site. This helps browsers prioritize the loading of these important images, improving your site’s performance and Core Web Vitals scores.</p>
<h4>Key Features</h4>
<ul>
<li>Automatically adds <code>fetchpriority="high"</code> to the hero / featured image</li>
<li>Optional <code>fetchpriority="low"</code> for below-fold images — paired complement that tells the browser to defer non-critical loads</li>
<li><code><link rel="preload" as="image"></code> for the hero featured image on singular pages — strongest LCP signal</li>
<li>AVIF / WebP detection — when a sibling <code>.avif</code> / <code>.webp</code> file exists on disk, an extra <code><link rel="preload" type="image/avif|image/webp"></code> is emitted so the browser picks the supported modern format automatically (works with ShortPixel, Imagify, Optimole, and similar)</li>
<li>Theme presets — auto-detects Astra, GeneratePress, Kadence, Divi, and Hello Elementor and excludes their site-logo / header-image classes so the priority budget is spent on the real hero</li>
<li>Avatar / Gravatar exclusion — never tags images with class <code>avatar</code> / <code>gravatar</code> or hosted on gravatar.com</li>
<li>Settings page (Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> FetchPriority) for per-context toggles, first-N control, preload, and exclusions</li>
<li>Admin-bar debug badge showing how many images were tagged on the current page (total + how many got <code>high</code>)</li>
<li>Compatible with most WordPress themes including Divi, Elementor, Astra, GeneratePress, Kadence, and any theme using standard <code>the_post_thumbnail()</code> / <code>wp_get_attachment_image()</code></li>
</ul>
<h4>Why Use FetchPriority?</h4>
<p>The <code>fetchpriority</code> attribute is a modern web standard that tells browsers which images should be prioritized during page load. By marking featured images as high priority, you can improve:</p>
<ul>
<li>Largest Contentful Paint (LCP) scores</li>
<li>User experience with faster loading of important images</li>
<li>Overall page performance</li>
</ul>
<h4>Developer-Friendly</h4>
<p>The plugin uses WordPress’s native filters and doesn’t modify your database or image files.</p>


FetchPriority Featured Image

Automatically adds fetchpriority="high" attribute to featured images to improve page loading performance and Core Web Vitals.

Fetchpriority vs FetchPriority Featured Image