StaticDelivr vs Edge Images

Edge Images automatically uses your edge transformation service (e.g., Cloudflare, Accelerated Domains, Imgix, etc.) to apply performance optimizations to markup. ⚠️ Important: This plugin requires a supported edge provider with image transformation features enabled (e.g., Cloudflare Pro, BunnyCDN, etc). See the Requirements section for details. 🚀 Why should I use Edge Images? Instant Performance Boost: Automatically optimize and serve images in modern formats (WebP/AVIF) through your existing CDN Zero Configuration: Works out of the box with your existing images and themes No Local Processing: All transformations happen at the edge – no server load or storage overhead Perfectly Sized Images: Automatically generates the exact image dimensions needed for every device and viewport Cost Effective: No need for expensive image optimization services or additional storage 🎯 Perfect For Sites with lots of images that need optimization Performance-focused developers and site owners Anyone using Cloudflare, BunnyCDN, or similar services Sites that want modern image formats without the complexity Developers tired of managing multiple image sizes 💡 How It Works WordPress typically creates multiple copies of each uploaded image in different sizes. This approach is inefficient and often results in: Images that are too large or small for their display size Unnecessary storage usage Missing sizes for modern responsive designs Lack of modern format support (WebP/AVIF) Edge Images solves these problems by: Intercepting image requests Determining the optimal size and format needed Using your CDN to transform the image on-demand Caching the result for future requests ⚡️ Features Core Features Automatic WebP/AVIF conversion Intelligent responsive image handling Smart srcset generation Automatic image optimization Optional element wrapping Zero local processing Maintains original images Advanced Features Fine-grained transformation control Multiple CDN provider support Developer-friendly filters Yoast SEO & Rank Math integrations Bricks integration Gutenberg compatibility 🔌 Supported Providers Cloudflare (Pro plan or higher) Accelerated Domains BunnyCDN Imgix 🛠️ Technical Example Your Code echo wp_get_attachment_image(1, [640,400], false, ['fit' => 'contain']); What WordPress Usually Outputs That’s multiple different images files, none of which are the right size! What Edge Images Outputs 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. 🎨 Customization Transform Parameters Control every aspect of image transformation with attributes like: * width/height: Exact dimensions * fit: Resizing behavior (contain, cover, crop) * quality: Compression level * format: Output format (auto, webp, avif) Filtering Disable transformations globally or selectively: // 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]; }); 🔧 Requirements Essential A supported edge provider with image transformation features enabled: Cloudflare Pro plan or higher with Image Resizing enabled Accelerated Domains with Image Resizing enabled BunnyCDN with Image Processing enabled Imgix with a configured source Technical PHP 7.4 or higher WordPress 5.9 or higher ✅ Getting Started Install and activate the plugin Go to Settings > Edge Images Select your CDN provider That’s it! Your images will now be automatically optimized 🤝 Integrations Yoast SEO Automatically optimizes images in: Meta tags (og:image, etc.) Schema.org output XML sitemaps 🔒 Privacy Edge Images processes images through third-party edge providers. Here’s what you need to know about privacy: Data Processing Images are processed through your chosen edge provider (Cloudflare, Accelerated Domains, etc.) No personal data is collected or stored by the plugin itself Image URLs are passed to the edge provider for transformation Original images remain on your server; only public URLs are processed Edge Provider Privacy Different providers have different privacy implications: Cloudflare: Images are processed according to Cloudflare’s Privacy Policy Accelerated Domains: Images are processed according to Accelerated Domains’ Privacy Policy BunnyCDN: Images are processed according to BunnyCDN’s Privacy Policy Data Storage The plugin stores your selected settings in your WordPress database No user data is collected or stored No analytics or tracking is performed Cache files may be created in your uploads directory for optimization GDPR Compliance The plugin is GDPR-compliant as it does not collect, store, or process personal data Users should review their chosen edge provider’s privacy policy and data processing terms Site owners should update their privacy policy to reflect their use of third-party image processing services Development GitHub Repository Report Issues

StaticDelivr CDN is a lightweight and powerful plugin designed to improve your WordPress site’s performance. By rewriting theme, plugin, core file resource URLs, optimizing images, and proxying Google Fonts through the StaticDelivr CDN, the plugin ensures faster loading times, reduced server load, better privacy, and an improved user experience. StaticDelivr is a global content delivery network (CDN) that supports delivering assets from various platforms like npm, GitHub, and WordPress. By leveraging geographically distributed servers, StaticDelivr optimizes the delivery of your static assets such as CSS, JavaScript, images, and fonts. Key Features Smart Asset Detection: Automatically detects which themes and plugins are from wordpress.org and only serves those via CDN. Custom themes and plugins are served locally. No configuration needed! Failure Memory System: If a CDN resource fails to load, the plugin remembers and automatically serves it locally for 24 hours. No more repeated failures! Automatic URL Rewriting: Automatically rewrites URLs of enqueued styles, scripts, and core files for themes, plugins, and WordPress itself to use the StaticDelivr CDN. Image Optimization: Automatically optimizes images with compression and modern format conversion (WebP, AVIF). Turn 2MB images into 20KB without quality loss! Google Fonts Privacy Proxy: Serve Google Fonts without tracking (GDPR compliant). A drop-in replacement that strips all user-identifying data and tracking cookies. Automatic Fallback: If a CDN asset fails to load, the plugin automatically falls back to your origin server, ensuring your site never breaks. Localhost Detection: Automatically detects development environments and serves images locally when CDN cannot reach them. Child Theme Support: Intelligently handles child themes by checking parent theme availability on wordpress.org. Separate Controls: Enable or disable assets (CSS/JS), image optimization, and Google Fonts proxy independently. Quality & Format Settings: Customize image compression quality and output format. Verification Dashboard: See exactly which assets are served via CDN vs locally in the admin panel. Failure Statistics: View which resources have failed and are being served locally, with option to clear cache. Compatibility: Works seamlessly with all WordPress themes and plugins — both from wordpress.org and custom/premium sources. Improved Performance: Delivers assets from the StaticDelivr CDN for lightning-fast loading and enhanced user experience. Multi-CDN Support: Leverages multiple CDNs to ensure optimal availability and performance. Free and Open Source: Supports the open-source community by offering free access to a high-performance CDN. Use of Third-Party Service This plugin relies on the StaticDelivr CDN to deliver static assets, including WordPress themes, plugins, core files, optimized images, and Google Fonts. The CDN uses the public WordPress SVN repository to fetch theme/plugin files and serves them through a globally distributed network for faster performance and reduced bandwidth costs. Service Terms of Use: StaticDelivr Terms Privacy Policy: StaticDelivr Privacy Policy How It Works StaticDelivr CDN rewrites your WordPress asset URLs to deliver them through its high-performance network: Smart Asset Detection The plugin automatically verifies which themes and plugins exist on wordpress.org: WordPress.org Assets: Served via StaticDelivr CDN for maximum performance Custom/Premium Assets: Automatically detected and served from your server Child Themes: Parent theme is checked. If the parent is on wordpress.org, assets load via CDN This means the plugin “just works” with any combination of wordpress.org and custom themes/plugins! Failure Memory System (New in 1.7.0!) The plugin learns from CDN failures and automatically adapts: First failure: Fallback fires, failure is recorded Second failure: Resource is blocked from CDN for 24 hours Auto-recovery: After 24 hours, resources are retried automatically Manual reset: Clear the failure cache anytime from settings This ensures that problematic resources (Cloudflare-protected images, auth-gated content, etc.) are handled gracefully without repeated failures. Assets (CSS & JavaScript) Original URL: `https://example.com/wp-content/themes/theme-name/version/style.css` Rewritten CDN URL: `https://cdn.staticdelivr.com/wp/themes/theme-name/version/style.css` This process applies to themes, plugins, and core files: Themes: Original: `https://example.com/wp-content/themes/twentytwentythree/1.0/style.css` CDN: `https://cdn.staticdelivr.com/wp/themes/twentytwentythree/1.0/style.css` Plugins: Original: `https://example.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js` CDN: `https://cdn.staticdelivr.com/wp/plugins/woocommerce/tags/9.3.3/assets/js/frontend/woocommerce.min.js` Core Files: Original: `https://example.com/wp-includes/js/jquery/jquery.min.js` CDN: `https://cdn.staticdelivr.com/wp/core/tags/6.9/wp-includes/js/jquery/jquery.min.js` Images Original: `https://example.com/wp-content/uploads/2024/01/photo.jpg` (2MB) Optimized CDN: `https://cdn.staticdelivr.com/img/images?url=https://example.com/wp-content/uploads/2024/01/photo.jpg&q=80&format=webp` (~20KB) Google Fonts Original CSS: `https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap` Privacy Proxy: `https://cdn.staticdelivr.com/gfonts/css2?family=Inter:wght@400;500;600&display=swap` Original Font Files: `https://fonts.gstatic.com/s/inter/v20/example.woff2` Privacy Proxy: `https://cdn.staticdelivr.com/gstatic-fonts/s/inter/v20/example.woff2` This ensures faster delivery through StaticDelivr’s globally distributed network while protecting user privacy. Why Use StaticDelivr? Zero Configuration: Smart detection means it works out of the box with any theme/plugin combination. Self-Healing: Failure memory system automatically adapts to problematic resources. Global Distribution: StaticDelivr serves your assets from a globally distributed network, reducing latency and improving load times. Massive Bandwidth Savings: Offload heavy image delivery to StaticDelivr. Optimized images can be 10-100x smaller! Privacy-First Google Fonts: Serve Google Fonts without tracking cookies — GDPR compliant without additional cookie banners. Works with Custom Themes: Unlike other CDN plugins, StaticDelivr automatically detects custom themes/plugins and serves them locally. Browser Caching Benefits: As an open-source CDN used by many sites, assets served by StaticDelivr are likely already cached in users’ browsers. This enables faster load times when visiting multiple sites using StaticDelivr. Significant Bandwidth Savings: Reduces your site’s bandwidth usage and number of requests significantly by offloading asset delivery to StaticDelivr. Optimized Performance: Ensures assets are delivered quickly, no matter where your users are located. Comprehensive WordPress Support: Includes support for delivering core WordPress files (e.g., those in the `wp-includes` directory) to enhance site speed and reliability. Support for Popular Platforms: Easily integrates with npm, GitHub, WordPress, and Google Fonts. Minimal Configuration: Just enable the features you want and the plugin handles the rest. Development Friendly: Automatically detects localhost and development environments. Translations StaticDelivr CDN is available in the following languages: English (default) Spanish (Español) – es_ES, es_MX French (Français) – fr_FR German (Deutsch) – de_DE Italian (Italiano) – it_IT Portuguese Brazil (Português) – pt_BR Dutch (Nederlands) – nl_NL Japanese (日本語) – ja Chinese Simplified (简体中文) – zh_CN Chinese Traditional (繁體中文) – zh_TW Russian (Русский) – ru_RU Arabic (العربية) – ar Korean (한국어) – ko_KR Turkish (Türkçe) – tr_TR Polish (Polski) – pl_PL Ukrainian (Українська) – uk Czech (Čeština) – cs_CZ Hungarian (Magyar) – hu_HU Romanian (Română) – ro_RO Swedish (Svenska) – sv_SE Danish (Dansk) – da_DK Finnish (Suomi) – fi Hebrew (עברית) – he_IL Persian (فارسی) – fa_IR Hindi (हिन्दी) – hi Vietnamese (Tiếng Việt) – vi Thai (ไทย) – th Indonesian (Bahasa Indonesia) – id_ID Urdu (اردو) – ur Want to help translate StaticDelivr CDN into your language? Visit translate.wordpress.org to contribute! License This plugin is licensed under the GPLv2 or later. See License URI for details.