Adam Silverstein

<p>Display web vitals element in a block.</p>


Web Vitals Block

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.

Web Vitals Block vs FetchPriority Featured Image