WordPress.org

This plugin optimizes the loading of images (and videos) with prioritization to improve <a href="https://web.dev/articles/lcp" rel="nofollow ugc">Largest Contentful Paint</a> (LCP), lazy loading, and more accurate image size selection.
The current optimizations include:
<ol>
<li>Add breakpoint-specific <code>fetchpriority=high</code> preload links (both as <code>LINK[rel=preload]</code> elements and <code>Link</code> response headers) for image URLs of LCP elements:
<ol>
<li>An <code>IMG</code> element, including the <code>srcset</code>/<code>sizes</code> attributes supplied as <code>imagesrcset</code>/<code>imagesizes</code> on the <code>LINK</code>.</li>
<li>The first <code>SOURCE</code> element with a <code>type</code> attribute in a <code>PICTURE</code> element. (Art-directed <code>PICTURE</code> elements using media queries are not supported.)</li>
<li>An element with a CSS <code>background-image</code> inline <code>style</code> attribute.</li>
<li>An element with a CSS <code>background-image</code> applied with a stylesheet (when the image is from an allowed origin).</li>
<li>A <code>VIDEO</code> element’s <code>poster</code> image.</li>
</ol>
</li>
<li>Ensure <code>fetchpriority=high</code> is only added to an <code>IMG</code> when it is the LCP element across all responsive breakpoints.</li>
<li>Add <code>fetchpriority=low</code> to <code>IMG</code> tags which appear in the initial viewport but are not visible, such as when they are subsequent carousel slides.</li>
<li>Lazy loading:
<ol>
<li>Apply lazy loading to <code>IMG</code> tags based on whether they appear in any breakpoint’s initial viewport.</li>
<li>Implement lazy loading of CSS background images added via inline <code>style</code> attributes.</li>
<li>Lazy-load <code>VIDEO</code> tags by setting the appropriate attributes based on whether they appear in the initial viewport. If a <code>VIDEO</code> is the LCP element, it gets <code>preload=auto</code>; if it is in an initial viewport, the <code>preload=metadata</code> default is left; if it is not in an initial viewport, it gets <code>preload=none</code>. Lazy-loaded videos also get initial <code>preload</code>, <code>autoplay</code>, and <code>poster</code> attributes restored when the <code>VIDEO</code> is going to enter the viewport.</li>
</ol>
</li>
<li>Responsive image sizes:
<ol>
<li>Compute the <code>sizes</code> attribute using the widths of an image collected from URL Metrics for each breakpoint (when not lazy-loaded since then handled by <code>sizes=auto</code>).</li>
<li>Ensure <a href="https://make.wordpress.org/core/2024/10/18/auto-sizes-for-lazy-loaded-images-in-wordpress-6-7/" rel="nofollow ugc"><code>sizes=auto</code></a> is set on <code>IMG</code> tags after setting correct lazy-loading (above).</li>
</ol>
</li>
<li>Reduce the size of the <code>poster</code> image of a <code>VIDEO</code> from full size to the size appropriate for the maximum width of the video (on desktop).</li>
</ol>
This plugin requires the <a href="https://wordpress.org/plugins/optimization-detective/" rel="ugc">Optimization Detective</a> plugin as a dependency. Please refer to that plugin for additional background on how this plugin works as well as additional developer options.
👉 Note: This plugin optimizes pages for actual visitors, and it depends on visitors to optimize pages. As such, you won’t see optimizations applied immediately after activating the plugin. Please wait for URL Metrics to be gathered for both mobile and desktop visits. And since administrator users are not normal visitors typically, optimizations are not applied for admins by default.
Your site must have the REST API accessible to unauthenticated frontend visitors since this is how metrics are collected about how a page should be optimized. There are currently no settings and no user interface for this plugin since it is designed to work without any configuration.

Image Prioritizer

Prioritizes the loading of images and videos based on how they appear to actual visitors: adds fetchpriority, preloads, lazy-loads, and sets sizes.

ShortPixel

<h3>🚀 The Ultimate Caching and Speed Improvement Plugin for WordPress</h3>
Have you ever wished your website scored 90+ on Google PageSpeed Insights, GTMetrix and other website performance analysis tools? 
And achieve that without the need to pay expensive fees to consultants or learn a lot of advanced technical stuff?
⚡ <a href="https://fastpixel.io/?utm_source=wp-repository&utm_medium=link" rel="nofollow ugc">FastPixel</a> automatically integrates all the latest technical enhancements, such as Page Caching, HTML/CSS/JS minification, DNS prefetching and preloading, Critical CSS, ShortPixel’s <a href="https://shortpixel.com/blog/introducing-smartcompress/?/?utm_source=wp-repository&utm_medium=link" rel="nofollow ugc">Smart Image Optimization</a>, adaptive images, background image scaling and optimization, HTTP/2 support, fonts loading optimization, caching, a global CDN, and Core Web Vitals, within an easy-to-use, 1-minute-setup interface.
<iframe loading="lazy" title="FastPixel Ad" width="750" height="422" src="https://www.youtube.com/embed/6UbWASU8RNw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>🎬 Ready for a Quick TEST of our Speed Optimization Tool?</h3>
There is no need to install our plugin to run a test. 
You can test FastPixel live on a <a href="https://tastewp.com/template/FastPixel" rel="nofollow ugc">sandbox website@TasteWP</a> or you can quickly assess how <a href="https://fastpixel.io/" rel="nofollow ugc">FastPixel</a> can optimize your website by conducting a test. Simply use <a href="https://test.fastpixel.io/" rel="nofollow ugc">this test page</a>, and we will apply all optimizations to a copy of your website. 
This way, you can easily evaluate the substantial speed improvements it can achieve using the most widely recognized website performance analysis tools.
<h3>💡 Why choose FastPixel Caching plugin?</h3>
<ul>
<li>Website Performance Boost: Just activate the plugin and within seconds the optimized webpages will start to be served.</li>
<li>Lower the CPU/RAM Impact: Using the plugin will reduce the impact on the resources used by your website. All the CPU intensive processing is done in the cloud and resulting pages will generally be served from a cached version and the optimized images from the CDN.</li>
<li>Automated Core Web Vitals Optimization: FastPixel takes care of all technical aspects automatically.</li>
<li>Smart Cache Warmup/Update: The cache warmup and update are taken care of automatically in a smart way. Pages are cached as they are visited and also updated if you update the content.</li>
<li>Critical CSS: CCSS is automatically generated for each page for lightning-fast page loads.</li>
<li>CSS/JS Processing: CSS/JS files are combined and also minified and compressed before they are served from our CDN.</li>
<li>HTML Optimization: A single, highly optimized HTML file is generated, adaptively serving the ideal webpage based on the visitor’s viewport or device (e.g., mobile, tablet, laptop).</li>
<li>DNS Preconnects: Accelerates resource fetching, reduces the access time to external resources.</li>
<li>Font Processing: All the techniques to accelerate the processing and delivery of fonts are employed, e.g. font subsetting, font loading control, font compression, font embedding (lower CLS result).</li>
<li>Image Resizing & Optimization: Images are automatically resized to fit their placeholders, optimized, and delivered through the ShortPixel CDN.</li>
<li>Automatic Next-Gen Images Delivery: Based on the visitor’s browser capabilities, original JPG, PNG, or GIF images are converted to and served as WebP or AVIF when supported. For browsers without support, the original format is provided.</li>
</ul>
<h3>🌟 Happy users that use our plugin</h3>
If you’re satisfied with the test, just search for “FastPixel” in your WordPress Dashboard > Plugins, install the plugin and see for yourself how much faster your site becomes.
<blockquote>
Testimonials: 
 ★★★★★ It’s as fast as it says in the title! <a href="https://wordpress.org/support/topic/its-as-fast-as-it-says-in-the-title/" rel="ugc">liquidsnake2021</a> 
 ★★★★★ I was a tester and now I`m a happy user <a href="https://wordpress.org/support/topic/i-have-been-tester-and-now-happy-user/" rel="ugc">jppl</a> 
 ★★★★★ This plugin’s fast and easy to set up—I barely have to configure anything <a href="https://wordpress.org/support/topic/this-plugin-works-as-described/" rel="ugc">fajrisp</a> 
 ★★★★★ Works really well! <a href="https://wordpress.org/support/topic/works-really-well-264/" rel="ugc">touto</a> 
 ★★★★★ One of the best tools! <a href="https://wordpress.org/support/topic/one-of-the-best-tools-for-that/" rel="ugc">torsten3d</a> 
 ★★★★★ Super easy to install and worked out of the box <a href="https://wordpress.org/support/topic/well-this-was-easy-moving-from-wp-rocket/" rel="ugc">diffler</a> 
 <a href="https://wordpress.org/support/plugin/fastpixel-website-accelerator/reviews/?filter=5" rel="ugc">more testimonials</a>
</blockquote>
<h3>📩 Additional questions</h3>
If you have more questions, technical or otherwise, please refer to our FAQ section below, our <a href="https://fastpixel.io/docs/" rel="nofollow ugc">docs</a> or <a href="https://fastpixel.io/#contact" rel="nofollow ugc">contact us</a>. 
We typically respond within 15 minutes.

FastPixel Cache – Optimize Page Speed: Compress Images, Minify, Clean Database & CDN

Optimize Core Web Vitals and PageSpeed with advanced caching, image compression, lazy loading, critical CSS, and CDN – the ultimate performance tool.

Image Prioritizer vs FastPixel Cache – Optimize Page Speed: Compress Images, Minify, Clean Database & CDN