Jono Alderson

<p>Edge Images automatically uses your edge transformation service (e.g., Cloudflare, Accelerated Domains, Imgix, etc.) to apply performance optimizations to <code><img></code> markup.</p>
<p>⚠️ <strong>Important</strong>: This plugin requires a supported edge provider with image transformation features enabled (e.g., Cloudflare Pro, BunnyCDN, etc). See the Requirements section for details.</p>
<h4>🚀 Why should I use Edge Images?</h4>
<ul>
<li><strong>Instant Performance Boost</strong>: Automatically optimize and serve images in modern formats (WebP/AVIF) through your existing CDN</li>
<li><strong>Zero Configuration</strong>: Works out of the box with your existing images and themes</li>
<li><strong>No Local Processing</strong>: All transformations happen at the edge – no server load or storage overhead</li>
<li><strong>Perfectly Sized Images</strong>: Automatically generates the exact image dimensions needed for every device and viewport</li>
<li><strong>Cost Effective</strong>: No need for expensive image optimization services or additional storage</li>
</ul>
<h4>🎯 Perfect For</h4>
<ul>
<li>Sites with lots of images that need optimization</li>
<li>Performance-focused developers and site owners</li>
<li>Anyone using Cloudflare, BunnyCDN, or similar services</li>
<li>Sites that want modern image formats without the complexity</li>
<li>Developers tired of managing multiple image sizes</li>
</ul>
<h4>💡 How It Works</h4>
<p>WordPress typically creates multiple copies of each uploaded image in different sizes. This approach is inefficient and often results in:</p>
<ul>
<li>Images that are too large or small for their display size</li>
<li>Unnecessary storage usage</li>
<li>Missing sizes for modern responsive designs</li>
<li>Lack of modern format support (WebP/AVIF)</li>
</ul>
<p>Edge Images solves these problems by:</p>
<ol>
<li>Intercepting image requests</li>
<li>Determining the optimal size and format needed</li>
<li>Using your CDN to transform the image on-demand</li>
<li>Caching the result for future requests</li>
</ol>
<h4>⚡️ Features</h4>
<p><strong>Core Features</strong></p>
<ul>
<li>Automatic WebP/AVIF conversion</li>
<li>Intelligent responsive image handling</li>
<li>Smart <code>srcset</code> generation</li>
<li>Automatic image optimization</li>
<li>Optional <code><picture></code> element wrapping</li>
<li>Zero local processing</li>
<li>Maintains original images</li>
</ul>
<p><strong>Advanced Features</strong></p>
<ul>
<li>Fine-grained transformation control</li>
<li>Multiple CDN provider support</li>
<li>Developer-friendly filters</li>
<li>Yoast SEO & Rank Math integrations</li>
<li>Bricks integration</li>
<li>Gutenberg compatibility</li>
</ul>
<h4>🔌 Supported Providers</h4>
<ul>
<li><strong>Cloudflare</strong> (Pro plan or higher)</li>
<li><strong>Accelerated Domains</strong></li>
<li><strong>BunnyCDN</strong></li>
<li><strong>Imgix</strong></li>
</ul>
<h4>🛠️ Technical Example</h4>
<p><strong>Your Code</strong></p>
<pre><code>echo wp_get_attachment_image(1, [640,400], false, ['fit' => 'contain']);
</code></pre>
<p><strong>What WordPress Usually Outputs</strong></p>
<pre><code><img width="380" height="400" 
     src="/uploads/2024/11/1.jpg" 
     class="attachment-640x400 size-640x400 wp-image-123" 
     srcset="/uploads/2024/11/1.jpg 400w, /uploads/2024/11/1-285x300.jpg 285w" 
     sizes="(max-width: 640px) 100vw, 640px">
</code></pre>
<p>That’s multiple different images files, none of which are the right size!</p>
<p><strong>What Edge Images Outputs</strong></p>
<pre><code><picture class="edge-images-container" style="--max-width: 640px;">
  <img 
       class="attachment-1140x600 size-640x400 wp-image-123 edge-images-processed"
       width="640" height="400" 
       src="/cdn-cgi/image/f=auto,fit=contain,w=640,h=400/uploads/2024/11/1.jpg" 
       srcset="/cdn-cgi/image/f=auto,w=320,h=188/uploads/2024/11/1.jpg 320w,
               /cdn-cgi/image/f=auto,w=640,h=400/uploads/2024/11/1.jpg 640w,
               /cdn-cgi/image/f=auto,w=1280,h=800/uploads/2024/11/1.jpg 1280w"
       sizes="(max-width: 640px) 100vw, 640px">
</picture>
</code></pre>
<p>That’s a range of perfectly sized options for different devices and viewports, automatically optimized images in modern formats, served from your CDN, futureproofed for supporting next-generation capabilities, and with no storage overheads.</p>
<h4>🎨 Customization</h4>
<p><strong>Transform Parameters</strong><br />
Control every aspect of image transformation with attributes like:<br />
* <code>width</code>/<code>height</code>: Exact dimensions<br />
* <code>fit</code>: Resizing behavior (contain, cover, crop)<br />
* <code>quality</code>: Compression level<br />
* <code>format</code>: Output format (auto, webp, avif)</p>
<p><strong>Filtering</strong><br />
Disable transformations globally or selectively:</p>
<pre><code>// Disable all transformations
add_filter('edge_images_disable', '__return_true');

// Disable for specific images
add_filter('edge_images_disable_transform', function($should_disable, $html) {
    if (strpos($html, 'example.jpg') !== false) {
        return true;
    }
    return $should_disable;
}, 10, 2);

// Override max width for constrained content
add_filter('edge_images_max_width', function($max_width) {
    // Example: Use a different max width for single posts
    if (is_single()) {
        return 800;
    }
    return $max_width;
});

// Customize srcset width multipliers
add_filter('edge_images_width_multipliers', function($multipliers) {
    // Add more granular steps between sizes
    return [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2];
});
</code></pre>
<h4>🔧 Requirements</h4>
<p><strong>Essential</strong></p>
<ul>
<li>A supported edge provider with image transformation features enabled:
<ul>
<li>Cloudflare Pro plan or higher with Image Resizing enabled</li>
<li>Accelerated Domains with Image Resizing enabled</li>
<li>BunnyCDN with Image Processing enabled</li>
<li>Imgix with a configured source</li>
</ul>
</li>
</ul>
<p><strong>Technical</strong></p>
<ul>
<li>PHP 7.4 or higher</li>
<li>WordPress 5.9 or higher</li>
</ul>
<h4>✅ Getting Started</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Go to Settings > Edge Images</li>
<li>Select your CDN provider</li>
<li>That’s it! Your images will now be automatically optimized</li>
</ol>
<h4>🤝 Integrations</h4>
<p><strong>Yoast SEO</strong><br />
Automatically optimizes images in:</p>
<ul>
<li>Meta tags (og:image, etc.)</li>
<li>Schema.org output</li>
<li>XML sitemaps</li>
</ul>
<h4>🔒 Privacy</h4>
<p>Edge Images processes images through third-party edge providers. Here’s what you need to know about privacy:</p>
<p><strong>Data Processing</strong></p>
<ul>
<li>Images are processed through your chosen edge provider (Cloudflare, Accelerated Domains, etc.)</li>
<li>No personal data is collected or stored by the plugin itself</li>
<li>Image URLs are passed to the edge provider for transformation</li>
<li>Original images remain on your server; only public URLs are processed</li>
</ul>
<p><strong>Edge Provider Privacy</strong><br />
Different providers have different privacy implications:</p>
<ul>
<li>Cloudflare: Images are processed according to <a href="https://www.cloudflare.com/privacypolicy/" rel="nofollow ugc">Cloudflare’s Privacy Policy</a></li>
<li>Accelerated Domains: Images are processed according to <a href="https://accelerateddomains.com/privacy/" rel="nofollow ugc">Accelerated Domains’ Privacy Policy</a></li>
<li>BunnyCDN: Images are processed according to <a href="https://bunny.net/privacy/" rel="nofollow ugc">BunnyCDN’s Privacy Policy</a></li>
</ul>
<p><strong>Data Storage</strong></p>
<ul>
<li>The plugin stores your selected settings in your WordPress database</li>
<li>No user data is collected or stored</li>
<li>No analytics or tracking is performed</li>
<li>Cache files may be created in your uploads directory for optimization</li>
</ul>
<p><strong>GDPR Compliance</strong></p>
<ul>
<li>The plugin is GDPR-compliant as it does not collect, store, or process personal data</li>
<li>Users should review their chosen edge provider’s privacy policy and data processing terms</li>
<li>Site owners should update their privacy policy to reflect their use of third-party image processing services</li>
</ul>
<h3>Development</h3>
<ul>
<li><a href="https://github.com/jonoalderson/edge-images" rel="nofollow ugc">GitHub Repository</a></li>
<li><a href="https://github.com/jonoalderson/edge-images/issues" rel="nofollow ugc">Report Issues</a></li>
</ul>


Edge Images


Kinda amazing how simply this just works with Cloudflare.  Definitely use this if you have a pro plan.  


Just worked


Although this is a new plugin, it's been developed and tested over several years and it shows. Dead simple user interface and does exactly what it needs to do with no fuss.


Smashing


I've tried this out with Accelerated Domains and it works like a charm.  Under the hood the code is really easy to understand and well written.  Recommended. 


Works great with Accelerated Domains

Turbocharge your WordPress images by using an edge provider (like Cloudflare or Accelerated Domains) and optimizing your HTML markup.

Themeisle

Optimole

iSaumya

Salvatore Fresta

<p>Super Page Cache is a powerful full page cache plugin for WordPress that caches static files (CSS, JS, images) and HTML webpages at both server disk-level and the global Cloudflare CDN. Get enterprise-level performance with zero configuration required.</p>
<p>Super Page Cache improves site speed by enabling server-side caching, cache preloading, local Google Fonts, and removing unused CSS and JavaScript, boosting Core Web Vitals and load times.</p>
<p>Works right out of the box with or without Cloudflare. Powerful disk caching saves files locally on your server. To use Cloudflare CDN, just enter your API Key or Token. The intuitive dashboard includes detailed settings and built-in documentation, though most users won’t need to change the defaults.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/SYhoaL_fUY0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3><strong>⚡ Quick Links</strong></h3>
<ul>
<li><a href="https://docs.themeisle.com/collection/2199-super-page-cache" rel="nofollow ugc">Documentation</a> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Complete setup and configuration guide</li>
<li><a href="https://wordpress.org/support/plugin/wp-cloudflare-page-cache/" rel="ugc">Support Forum</a> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Community help and expert support</li>
<li><a href="https://youtube.com/playlist?list=PLmRasCVwuvpSJuwaV7kDiuXhxl08zbZr5&si=Gem626AyPpNenDF3" rel="nofollow ugc">YouTube Videos</a> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Step-by-step visual guides for every feature</li>
<li><a href="https://themeisle.com/plugins/super-page-cache-pro/?utm_source=wordpressorg&utm_medium=readme&utm_campaign=quicklinks" rel="nofollow ugc">Go Pro</a> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Advanced features and priority support</li>
</ul>
<h3><strong>🚀 How Does The Plugin Work?</strong></h3>
<p><strong>Disk Caching (Works Without Cloudflare):</strong> Server-level caching saves HTML pages and static files directly to your server, loading pages instantly without any CDN.</p>
<p><strong>Cloudflare CDN (Optional):</strong> Connect your Cloudflare account to leverage <strong><a href="https://www.cloudflare.com/network/" rel="nofollow ugc">200+ edge locations</a></strong> using modern Cache Rules. Works with <strong>FREE Cloudflare Plan</strong> – no paid account required. Achieve higher Pingdom and GTmetrix scores with edge delivery.</p>
<p>Supports <strong>Free, Pro, and Enterprise</strong> Cloudflare plans with auto-purging, cron jobs, and integrated metrics.</p>
<h3><strong>🔥 Core Features (Free Version)</strong></h3>
<h4>🚀 Complete Caching Solution</h4>
<ul>
<li><strong>Disk Caching:</strong> Lightning-fast server caching with Cloudflare fallback</li>
<li><strong>CDN Integration:</strong> Optional Cloudflare CDN with 200+ edge locations</li>
<li><strong>Cache Controls:</strong> Exclude cookies, query params, URIs, AMP, feeds, REST API</li>
<li><strong>Cache Lifespan:</strong> Custom expiration or never-expire settings</li>
<li><strong>Header Management:</strong> Preserve critical response headers</li>
<li><strong>Cache Buster:</strong> Logged-in users never see cached content</li>
<li><strong>Performance Metrics:</strong> Track cache effectiveness</li>
</ul>
<h4>⚡ Performance Optimization</h4>
<ul>
<li><strong>Google Fonts:</strong> Combine and serve locally for better Web Vitals</li>
<li><strong>Lazy Loading:</strong> Images, videos, iframes, background images</li>
<li><strong>Lazy Load Exclusions:</strong> By keywords, URL patterns, or CSS classes</li>
<li><strong>Assets Manager:</strong> Enable/disable CSS/JS per page</li>
<li><strong>Browser Caching:</strong> Auto-configure <code>.htaccess</code> rules</li>
</ul>
<h4>🛠️ Advanced Cache Management</h4>
<ul>
<li><strong>Auto-Purging:</strong> Clear cache on content updates including related pages</li>
<li><strong>Granular Purge:</strong> HTML only or entire cache with assets</li>
<li><strong>Preloader:</strong> From sitemaps, menus, or recent posts (manual/CRON)</li>
<li><strong>Background Processing:</strong> Uses <code>Action Scheduler</code></li>
<li><strong>Queue-Based Purging:</strong> Prevent server overload</li>
<li><strong>Backend Bypass:</strong> Prevent admin dashboard caching</li>
<li><strong>Per-Page Control:</strong> Exclude via editor metabox</li>
<li><strong>Toolbar Purging:</strong> Instant purge from WP toolbar</li>
</ul>
<h4>🔧 Developer & Power User Features</h4>
<ul>
<li><strong>Redesigned Dashboard:</strong> Intuitive navigation with grouped settings</li>
<li><strong>Built-in Documentation:</strong> Tips within the dashboard</li>
<li><strong>Cache Backends:</strong> <code>advanced-cache.php</code> or cURL-based</li>
<li><strong>Defer JS Filter:</strong> <code>spc_defer_script</code> to exclude scripts</li>
<li><strong>Role Permissions:</strong> Control who can purge cache</li>
<li><strong>Cloudflare API:</strong> All plans via API Key or Token</li>
<li><strong>Export/Import:</strong> Settings as JSON</li>
<li><strong>Preserve on Deactivation:</strong> Retain settings for staging</li>
</ul>
<h4>🗄️ Database Optimization</h4>
<ul>
<li><strong>Database Cleanup:</strong> Remove revisions, auto-drafts, trash, spam, transients</li>
<li><strong>Scheduled Maintenance:</strong> Daily, weekly, or monthly</li>
<li><strong>Table Optimization:</strong> <code>SQL OPTIMIZE TABLE</code> for defragmentation</li>
<li><strong>Selective Cleanup:</strong> Choose which data types to clean</li>
</ul>
<h4>🌐 Universal Compatibility</h4>
<ul>
<li><strong>Premium Hosts:</strong> Kinsta, WP Engine, SpinupWP, and more</li>
<li><strong>eCommerce:</strong> WooCommerce, Easy Digital Downloads</li>
<li><strong>Server Caches:</strong> Varnish, OPcache auto-purge</li>
<li><strong>Prefetch:</strong> Internal links via <a href="https://instant.page" rel="nofollow ugc">Instant.page</a></li>
</ul>
<h3><strong>💎 Super Page Cache PRO with Advanced Performance Features</strong></h3>
<ul>
<li><strong>Ignore Marketing Parameters:</strong> Better cache hit rate (UTM, affiliate, tracking codes)</li>
<li><strong>Defer JavaScript:</strong> Eliminate render-blocking JS. <a href="https://docs.themeisle.com/article/2058-defer-js" rel="nofollow ugc">Learn more</a></li>
<li><strong>Delay JavaScript:</strong> Load JS on interaction only. <a href="https://docs.themeisle.com/article/2057-delay-js" rel="nofollow ugc">Learn more</a></li>
<li><strong>Advanced Lazy Loading:</strong> Viewport detection, above-the-fold optimization</li>
<li><strong>Advanced Exclusions:</strong> Exclude specific JS/pages from caching</li>
<li><strong>Priority Support:</strong> Faster email response times</li>
</ul>
<p><strong><a href="https://themeisle.com/plugins/super-page-cache-pro/?utm_source=wordpressorg&utm_medium=readme&utm_campaign=spc-pro-featrues" rel="nofollow ugc">Upgrade to Pro</a></strong></p>
<h3><strong>🎯 Usage Note</strong></h3>
<p>Disable page caching in other plugins (WP Rocket, LiteSpeed Cache, W3 Total Cache). Safe to use alongside <a href="https://wordpress.org/plugins/optimole-wp/" rel="ugc">Optimole</a>, Autoptimize, Perfmatters, ShortPixel for asset optimization.</p>
<h3><strong>⭐ What Users Say</strong></h3>
<blockquote>
<p>★★★★★ “Response times dropped from 400ms+ to below 200ms. Almost the same as my static S3 site—using the free version!” – @jurijs0</p>
<p>★★★★★ “A game-changer for our website’s performance! Noticeable improvement in loading times, boosted engagement and SEO.” – @brandnexusstudios</p>
</blockquote>
<p><a href="https://wordpress.org/support/plugin/wp-cloudflare-page-cache/reviews/#new-post" rel="ugc">Leave a review</a> | <a href="https://twitter.com/themeisle" rel="nofollow ugc">Follow us on Twitter</a> | <a href="https://www.youtube.com/@Themeisle" rel="nofollow ugc">YouTube</a></p>
<p>Super Page Cache is backed by <a href="https://themeisle.com/" rel="nofollow ugc">Themeisle</a>, powering 1M+ WordPress sites with 450+ five-star <a href="https://www.trustpilot.com/review/themeisle.com" rel="nofollow ugc">Trustpilot</a> ratings.</p>


Super Page Cache


Every site i have uses this Plugin, also the Support is fast and very nice!Big recommendation!!!


Best free Plugin you can get

Nice Plugin


Super Page Cache for Cloudflare is an exceptional plugin that has greatly improved my experience with WordPress caching. Having used various other caching plugins for several years, I can confidently say that this plugin stands out in terms of its effectiveness and simplicity.


effectiveness and simplicity


This is a really fantastic plugin. My websites are lightning fast, the plugin is pretty easy to use, and I've pretty much always been able to get answers to my questions by looking at documentation or the support forums. There was one time where I posted in the support forum and I got a response the same day. Solid plugin with great support. Highly recommend!


Really great plugin! Super fast, easy to use, and well documented


Configuration is easy and the total effect on load times is truly amazing. This is a staple for any site that I build. My clients and their clients benefit greatly from the improved load time on all pages. One of the best plugins ever created.


so simple and extremely effective


Great plugin to use Cloudflare Edge Network without the need to subscribe to APO. Support is also great and responsive. Well done!


A straight forward solution to use Cloudflare Edge Network for free


This is a great plugin for managing my CloudFlare cache. It has all of the features I need and isn't overloaded with spammy stuff like the majority of WordPress plugins are now.


Great plugin!


Great plugin that provides both fantastic out-of-the-box functionality for casual users and highly detailed and customizable settings for power users.



Fills an essential role in the community for WP + CloudFlare users.



Incredible fast and high quality support directly from the developer.



Highly recommended over the official CloudFlare plugin, which forces users to adopt their "APO" system, lacks detailed settings and just generals falls short of what it should do.


Amazing Plugin


... it's tricky to set up!You might have noticed that 80% of the reviews give 5 stars to this plugin. Aye, it well deserves them! And then there are a few who simply say "doesn't work" or "does nothing" or "same error as reported 5 years ago" and just give one star. There is not much in-between! How come?The explanation is easy.WordPress users come in all forms and shapes, and that also means quite different levels of know-how. Many entry-level cache plugins are very easy to set up: install it, click a checkbox to "enable cache", and in 90% of the cases, that's all you need to do. Some give you a few options to further tweak your setup, but these are mostly optional and/or "advanced usage" for the very few that really need them.This is the case of the free, built-in cache plugins already being offered by many hosting providers. They are installed automatically when WordPress is installed. They are also automatically configured. The end-user doesn't need to do much, and, in many cases, they're not even aware that a cache plugin is being used — everything works transparently and effortlessly.Obviously, that level of simplicity comes with a catch: you can't really optimise much in terms of caching. It's a one-size-fits-all-but-probably-none situation. In many cases, turning off the hosting provider's plugin and adding your own will give you the possibility of tweaking things further, beyond what an automatic configuration can do.And then there is the other extreme of the spectrum: W3 Total Cache. The cache plugin that has everything and does everything. You can precisely configure the most minute details of your whole caching framework (because, well, it doesn't limit itself to caching pages — it does pretty much everything). W3 Total Cache goes even further, actively looking for "improvement" tools that it can use and which might be running on your server — and allows you to activate them. Selectively. So you can use a Redis cache for some things (such as, say, object cache) but let the page cache stay on disk; or write some rules to get some elements automatically sent to a CDN, while keeping others local. It does support Cloudflare, too (as well as many, many other providers). In fact, it would be hard to think of anything that W3TC does not support or doesn't allow to be configured.So why isn't everybody using it, if it's that good?Well, W3TC is impossibly hard to configure. Or, rather, you can do it, but it will be a nightmare to "get it right". You might be "overtweaking" your configuration (it happened to me all the time!) and, as a consequence, W3TC would even slow down your system. You can miss a crucial parameter and throw your site offline in a second. And sure, you can make a copy of all the configuration settings that you have carefully preserved over the years, hoping to avoid all the trouble the next time you configure another WP installation. Well, good luck with that. It's highly likely that a different WP site will, well, require different configurations. Some WP sites have zero JavaScript, but complex CSS; others have minimalistic CSS, but very clever JavaScript tricks, such as partially loading bits of content instead of a full page. Tweaking W3TC for each of those scenarios can be completely different and may require you to dump your "favourite" configuration and just start from scratch again. Oh, and that's until your end-user decides to switch themes and/or add new plugins. Then you have to do everything from scratch — again.Not everybody has that amount of free time, nor the enthusiasm and dedication required to keep W3TC operating smoothly. It's simply too complex to configure and maintain. As a result, most sites using W3TC ae not as optimised as they could be.Enter Super Page Cache for Cloudflare.This plugin, in terms of complexity and the ability to fine-tune several performance parameters, is closer to W3TC and further away from the "generic" page cache plugin pre-installed by hosting providers. In other words: there is a lot to configure until you "get it right". The "reasonable defaults" that it starts with are... well, reasonable, sure, in the sense that they will not blow up your website, but the performance enhancements will not be dramatic.That's as it should be, because the heavy-duty work is not being done by WordPress, nor even by Super Page Cache for Cloudflare; indeed, most is being done on Cloudflare's side. And this is the right way to do it! Super Page Cache for Cloudflare essentially prepares WordPress to correctly interface with Cloudflare and leverages on what Cloudflare already provides (for free) in order to seriously accelerate your website.In other words...There is a limit to how much you can tweak your website locally. The "best of the best" caching plugin cannot magically wave some metrics away. If you're hosting in the US, but your clients connect from Europe, there is no way to tweak and fine-tune your caching plugin so that European users get faster access to your website. There is a limit to how fast data can be transferred between the two sides of the Atlantic — ultimately, the speed of light. You cannot get faster than that! So, at best, you can hope for a local optimal configuration: giving users near to your data centre the best experience possible, and, well, there is not much more you can do beyond that, right? There is no way to go faster than the speed of light (not on this universe, anyway).Well, the answer is that you can cheat.And that's what Cloudflare essentially does: it doesn't merely "cache your content". Rather, it does so by making copies of your website's cache to their 250+ data centres across the world. This means that European visitors will not connect to your website in the US. They will just connect to Cloudflare's nearest data centre in Europe, and retrieve the cached pages from there instead. Since Cloudflare operates in so many different cities, there is a huge percentage of the world's Internet population that gets local speeds to retrieve your website — as opposed to have to wait for data to patiently cross the Atlantic (twice... once for the request, once for the reply).It's the equivalent of making copies of your website all over the world. But instead of paying hundreds of web hosting companies across the world to hold a local copy of your website — not to mention the management of this automatic replication every time a cache is flushed — you just use Cloudflare to do everything on your behalf. Automatically, in the background, effortlessly. And for free.Super Page Cache for Cloudflare is just the key to unlock that potential.Now, to be fair, when you sign up to Cloudflare, by default, it caches very little — some JavaScript, some CSS, and, with luck, a few static images. This is the "bare minimum", or the least common denominator — it will certainly improve things a bit, but not that much. Cloudflare even has their own "official" WordPress plugin, which facilitates the two-way communication between WP and Cloudflare's servers. Nevertheless, Cloudflare's own plugin is not really fine-tuned to perfection. It also implements, by default, a "least common denominator" policy — and making sure that, when a WP author/editor publish an article and requires the cache to be cleared ("flushed"), this request is also forwarded to Cloudflare's network. But "flushing caches" is just one of the hundreds of options given by WP caching plugins. Some plugins, such as W3TC or the WP Fastest Cache plugin, are already "Cloudflare-aware" and can effectively communicate with Cloudflare's API. Most, however, cannot be bothered to be properly configured: they work, sure, but always using the "bare minimum" performance boost you get from a generic default configuration.As such, considering that there are way too many possible ways to configure WordPress itself — not to mention Cloudflare! — it's rather obvious that none of that leads to a simple way to pre-generate a "one-size-fits-all" cache configuration.That said, Super Page Cache for Cloudflare is not one of those "one-size-fits-all" solutions, but a plugin with a very reasonable amount of case-by-case configuration, even for the most basic of scenarios. And that is, unfortunately, the reason why so many reviews say "nothing works" or "impossible to configure". You need to be patient. This is not an entry-level plugin at all: it is a rather sophisticated way of tapping into Cloudflare's caching potential.But configuring Super Page Cache for Cloudflare is just half the story. You need to configure Cloudflare as well. One doesn't work without the other. And I have to say that learning to configure Cloudflare's rule engine so that it works correctly for Super Page Cache for Cloudflare was truly an education: I didn't realise how little I was actually using from Cloudflare's free account.It's not obvious, but once you register with Cloudflare for a free account (or a paid one!), by default, it does not cache most things. You get just CSS and JS caching by default — good if you have insanely huge CSS/JS files — but that's pretty much it.Why? Well, Cloudflare originally would cache most things — including all static HTML retrieved from one's own webserver, images and other media, and so forth. Unfortunately, this only worked so long as, on the Web server side, everything is properly prepared for Cloudflare to work well. What happened was that the vast majority of Cloudflare users (again, especially the free ones!) have no clue about how Cloudflare is configured, or why, or what it does. They have only heard that Cloudflare is great for protecting one's site from remote attacks (true) and that it does some caching (also true). They assume (incorrectly) that there is nothing they need to change on their side. And that inevitably leads to problems — such as dynamic content, generated taking cookies into account, or assuming that certain headers were present, not displaying correctly. A common issue I had with a really basic WP cache plugin was that Cloudflare would sometimes show the mobile page for a desktop user and vice-versa — even though on the WordPress side of things these two cases ought to be handled separately. They were, but... they weren't always detected based on their headers only. And sometimes Cloudflare would just blindingly serve the last version of the page they had cached, no matter who it was for (it was even possible to "leak" in this way pages requiring authentication...).Over the years, therefore, Cloudflare learned their lesson: stop assuming that people have flawlessly configured servers on their side. Instead, go for the bare minimum that will work even with the worst possible configuration, but which, at least, won't "break things". And let so-called "advanced power users" to tweak both configurations (on their local web server and on Cloudflare) to cache whatever can be cached — but with a knowledgeable human being making rational decisions and tinkering with the configuration, not with an "automated" procedure.Super Page Cache for Cloudflare does a neat job on the Web server's side of things. It can be configured to prepare a ready-to-be-served page cache on disk which will be nicely used by Cloudflare, exactly in the way Cloudflare prefers such content to be received. Super Page Cache for Cloudflare, therefore, is all you need to properly "prepare" everything to be served by Cloudflare — but it means that each site will require its own distinct configuration. There will be common things, of course, but they will not be exactly the same under all circumstances. In my experience, there are certain plugin + theme configurations that will not work with Cloudflare (so all you can do is to water your plants while waiting for something to happen). Most will, but they will also need some human help  to properly configure Cloudflare's page rules.And ultimately there's where the magic happens. By enabling the Cloudflare rule engine, and making sure that it understands the format that Super Page Cache for Cloudflare uses to write things to disk — and serves them from disk — you can virtually put your whole website on Cloudflare's cache and serve it from there. With a bit of tinkering, you can do it. But, again, it's not easy to do so, no matter how "automated" your system is, even though Super Page Cache for Cloudflare includes some of the more obvious configurations that you need to deploy.And woe to any major upgrade, which might just scratch your existing configuration — and you have to start over again!


Boosts your WP site beyond belief, but...


Once in a while I come across a plugin that blows my mind, and this is one of those.



It just works.


Worth all the stars


My host sent me a warning that I had used 2.5m dynamic requests in a month, way beyond appropriate limits. As I checked my sites, even though I was on Cloudflare, none of them were getting cache hits. After doing some research on Facebook, someone in Dynamic WordPress recommended this plugin if you're on Cloudflare.



Giving it a try, I found it very easy to configure. I integrated it with my Cloudflare API keys, and the rest was pretty much configuring a few defaults. After clearing server cache and Cloudflare cache, my site began to register cache hits. I've since replicated this across all my sites.



We can't post images here (nor links), but my usage is about 1/100th when using this plugin.



So thank you to the plugin author. I did buy a subscription just to support your work. The extra features I mostly use Perfmatters for.



Thanks for all you do.



Ronald Huereca


This Plugin Should Be Renamed to "Saves My ***"

Boost PageSpeed, SEO, and Core Web Vitals with full page caching, JS/CSS optimization, media optimization, and Cloudflare CDN.

Edge Images vs Super Page Cache