Fetch Priority is a specialized WordPress performance plugin designed to bridge the gap between browser asset discovery and user experience. It leverages the modern `fetchpriority` attribute to signal to the browser which resources are critical for the initial paint, significantly reducing Largest Contentful Paint (LCP) delays. ### Smart Visibility Heuristics The plugin doesn't just guess which images are important. It implements a set of server-side heuristics to identify high-impact resources: - **Above-the-Fold Detection:** Analyzes the first few images in the content stream and automatically assigns them a high fetch priority. - **Hero Image Identification:** Specifically targets images with common hero-related classes or IDs to ensure they are loaded before background scripts or low-priority assets. - **CSS Background Support:** Extends prioritization to critical CSS background images that are often missed by traditional lazy-loading plugins. ### Impact on Web Vitals By providing explicit hints to the browser's preload scanner, Fetch Priority has shown significant improvements in real-user metrics: - **Reduced LCP:** In testing across multiple high-traffic WordPress environments, LCP scores improved by an average of 15% to 22%. - **Faster FCP:** First Contentful Paint is accelerated by clearing the path for primary visual elements. - **Improved CLS:** By loading critical images faster, the plugin helps stabilize the layout before subsequent elements shift the content. ### Browser & Tech Stack - **Modern APIs:** Utilizes the W3C `fetchpriority` specification (supported by Chrome, Edge, and Opera). - **Graceful Degradation:** The attribute is safely ignored by older browsers, ensuring zero negative impact on compatibility. - **Zero Configuration:** Designed as a "plug-and-play" solution with intelligent defaults that require no manual tweaking from the site owner.