Ayuda WordPress

Fernando Tellado

Zero Config Performance Optimization is the most complete performance optimization plugin for WordPress. It combines the best WPO (Web Performance Optimization) practices in a single easy-to-use tool. No configuration needed: activate and enjoy a faster WordPress.
By default, WordPress loads several functions, services and scripts that are not mandatory and usually slow down your installation and consume hosting resources. For years I have been testing tweaks to save hosting resources and improve WordPress performance and loading times. After thousands of tests, this plugin includes my best speed and performance optimizations with a single click.
With this plugin you can safely disable those annoying services, unnecessary codes and scripts to save resources and hosting costs, and speed up WordPress to get better results in tools like Google PageSpeed, Pingdom Tools, GTMetrix, WebPageTest and others.
<h3>NEW IN V2.3.0</h3>
Core Compatibility Refactoring: 
* Image module rebuilt – Now works as a safety net that complements WordPress core. Only adds lazy loading, decoding, and fetchpriority attributes when core hasn’t already handled them (covers images from themes, page builders, widgets, and custom templates that bypass core’s pipeline) 
* NEW: fetchpriority=”low” for non-critical images, which WordPress core does NOT add. Frees bandwidth for critical resources
Bug Fixes: 
* Fixed Gravatar avatars broken by aggressive query string removal 
* Fixed Critical CSS broken by incorrect HTML escaping of CSS selectors 
* Removed deprecated JSON/REST API filters that could interfere with Gutenberg and WooCommerce 
* Fixed compatibility with CusRev and other review plugins 
* Automatic cleanup of ghost plugin entries from previous versions
Other: 
* Tested up to WordPress 7.0
<h3>INCLUDED OPTIMIZATIONS</h3>
Frontend Optimizations: 
* Automatic Critical CSS generation and injection 
* Deferred CSS Loading with noscript fallback 
* Image lazy loading safety net (catches images that bypass WordPress core pipeline) 
* fetchpriority=”low” for non-critical images (complements core LCP detection) 
* Automatic preconnect for Google Fonts, Analytics, etc. 
* Smart DNS Prefetch for external resources including Gravatar 
* Automatic image dimensions for better CLS scores 
* Google Fonts display=swap optimization 
* JavaScript defer parsing 
* Logo preload with high priority
Server Optimizations: 
* Browser cache rules with immutable flag 
* GZIP and Brotli compression 
* Keep-Alive connections 
* Vary Accept-Encoding headers 
* CORS headers for fonts (CDN compatibility) 
* Extended MIME type coverage
Backend Optimizations: 
* Database transients cleanup 
* Query optimizations 
* Heartbeat API control (60s interval) 
* Post revisions limited to 3 
* jQuery Migrate removal when not needed 
* Self-pingback prevention 
* Dashboard widgets cleanup
<h3>HOW TO VERIFY OPTIMIZATIONS ARE WORKING</h3>
You can check each optimization individually to ensure Zero Config Performance Optimization is working correctly:
Logo Preload: View page source (Ctrl+U) and look for <code><link rel="preload" ... fetchpriority="high"></code> pointing to your logo image.
fetchpriority: Inspect images below the fold (F12 > Elements). Non-critical images should have <code>fetchpriority="low"</code> (added by ZCP). The first content image should have <code>fetchpriority="high"</code> (added by WordPress core or ZCP as fallback).
Brotli/GZIP Compression: Test at <a href="https://www.giftofspeed.com/gzip-test/" rel="nofollow ugc">giftofspeed.com/gzip-test</a> – should show compression enabled.
Cache Headers: Check your <code>.htaccess</code> file for a section marked “BEGIN Zero Config Performance” with <code>immutable</code> in Cache-Control headers.
Critical CSS: View page source and look for <code><style id="ayudawp-wpotweaks-critical-css"></code> in the head section.
Deferred CSS: In source code, look for <code><link></code> tags with <code>rel="preload" as="style"</code> instead of <code>rel="stylesheet"</code>.
Keep-Alive: Use browser dev tools (F12 > Network) and check response headers for <code>Connection: keep-alive</code>.
Use tools like Google PageSpeed, GTMetrix, Pingdom Tools, and WebPageTest to measure overall performance improvements. Always test twice to account for caching effects.
<h3>COMPATIBILITY AND EXTENSIBILITY</h3>
The plugin includes multiple filters for developers:
<ul>
<li><code>ayudawp_wpotweaks_critical_css</code> – Customize critical CSS</li>
<li><code>ayudawp_wpotweaks_critical_css_handles</code> – Customize which CSS handles are considered critical</li>
<li><code>ayudawp_wpotweaks_preconnect_hints</code> – Add custom preconnect</li>
<li><code>ayudawp_wpotweaks_dns_prefetch_domains</code> – Customize DNS prefetch domains</li>
<li><code>ayudawp_wpotweaks_critical_fonts</code> – Define critical fonts for preload</li>
</ul>
Compatible with:
<ul>
<li>All well-coded themes</li>
<li>Cache plugins (W3 Total Cache, WP Rocket, LiteSpeed Cache, etc.)</li>
<li>Security plugins (no conflicts, focused only on performance)</li>
<li>WordPress Multisite</li>
<li>Page Builders (Divi, Elementor, Beaver Builder, Gutenberg)</li>
<li>CDNs (Cloudflare, StackPath, KeyCDN, etc.)</li>
</ul>
<h3>INSTALLATION AND USE</h3>
No options. Just activate the plugin and test your site speed in your favorite tool (GTMetrix, Pingdom Tools, Google PageSpeed, etc.)
The plugin is completely automatic and applies optimizations safely without breaking functionality.
<h3>MEASURING RESULTS</h3>
Recommended tools:
<ul>
<li><a href="https://pagespeed.web.dev/" rel="nofollow ugc">Google PageSpeed Insights</a></li>
<li><a href="https://gtmetrix.com/" rel="nofollow ugc">GTMetrix</a></li>
<li><a href="https://www.webpagetest.org/" rel="nofollow ugc">WebPageTest</a></li>
</ul>
Best measurement practices:
<ul>
<li>Run at least 2 tests (first one may not show cache)</li>
<li>Always use the same tool for comparison</li>
<li>Measure performance over time, not just once</li>
<li>Remember that no tool can replace human perception</li>
</ul>
<h3>Support</h3>
Need help or have suggestions?
<ul>
<li><a href="https://servicios.ayudawp.com/" rel="nofollow ugc">Official website</a></li>
<li><a href="https://wordpress.org/support/plugin/wpo-tweaks/" rel="ugc">WordPress support forum</a></li>
<li><a href="https://www.youtube.com/AyudaWordPressES" rel="nofollow ugc">YouTube channel</a></li>
<li><a href="https://ayudawp.com/" rel="nofollow ugc">Documentation and tutorials</a></li>
</ul>
Love the plugin? Please leave us a 5-star review and help spread the word!
<h3>About AyudaWP</h3>
We are specialists in WordPress security, SEO, AI and performance optimization plugins. We create tools that solve real problems for WordPress site owners while maintaining the highest coding standards and accessibility requirements.

Zero Config Performance Optimization

Advanced performance optimizations for WordPress. Improves speed, reduces server resources and optimizes PageSpeed.

yoren

jtzl

In-Browser Cache leverages modern browser capabilities through the Service Worker API to implement in-browser caching for static assets, improving website performance while providing transparent metrics.
Unlike traditional server-side caching plugins, In-Browser Cache operates entirely on the client-side, reducing network requests and improving page load times on repeat visits.
<h4>Key Features</h4>
<ul>
<li>In-Browser Caching: Leverages Service Workers to cache static assets directly in the browser</li>
<li>Passive CDN Recognition: Automatically detects and optimizes caching for major CDN providers (Cloudflare, BunnyCDN, Fastly, Amazon CloudFront, and more)</li>
<li>Active CDN Support: Proactively monitors CDN health and implements fallback strategies when CDN issues are detected</li>
<li>Smart Caching Strategies: Different strategies for different content types:
<ul>
<li>Cache-first for static assets (JS, CSS, images, fonts)</li>
<li>Network-first for HTML content</li>
<li>Network-only for API/dynamic routes</li>
</ul>
</li>
<li>Intelligent CDN Detection: Uses domain patterns, HTTP headers, and heuristics to identify CDN assets without configuration</li>
<li>Proactive CDN Management: Actively monitors CDN health and implements fallback strategies when CDN issues are detected</li>
<li>Simple Configuration: One-click enable/disable toggle with sensible defaults</li>
<li>Enhanced Metrics: Track cache performance separately for CDN vs origin assets</li>
<li>Visual Dashboard: See the impact of caching with clear charts and statistics including CDN performance</li>
<li>Zero Configuration: Works out of the box with sensible defaults – CDN detection is automatic</li>
<li>Performance Safeguards: Automatic cache management and minimal impact on page load</li>
<li>No External Dependencies: Everything runs on your WordPress site without external services</li>
<li>GDPR Compliance: Automatic service worker disabling for logged-in users to ensure privacy</li>
</ul>
<h4>How It Works</h4>
In-Browser Cache uses the Service Worker API to intercept network requests and apply different caching strategies:
<ol>
<li>Service Worker Registration: When a user visits your site, a service worker is registered in their browser</li>
<li>Request Interception: The service worker intercepts requests for assets</li>
<li>Passive CDN Detection: Automatically identifies CDN assets using domain patterns (Cloudflare, BunnyCDN, Fastly, CloudFront domains), HTTP headers (cf-ray, bunnycdn-cache-status, x-served-by, x-amz-cf-id), and heuristics (domains containing ‘cdn’, ‘static’, ‘assets’)</li>
<li>Active CDN Monitoring: Proactively monitors CDN health and implements fallback strategies when CDN issues are detected</li>
<li>Caching Strategy Application: Different strategies are applied based on content type and origin (CDN vs local)</li>
<li>Metrics Collection: Cache hits, misses, and bandwidth savings are tracked separately for CDN and origin assets</li>
<li>Data Synchronization: Metrics are periodically sent to your WordPress site</li>
<li>Dashboard Visualization: Data is processed and displayed in the admin dashboard with CDN vs origin breakdowns</li>
</ol>
<h4>Benefits</h4>
<ul>
<li>Faster Page Loads: Cached assets load instantly on repeat visits</li>
<li>Reduced Bandwidth Usage: Both for your server and your visitors</li>
<li>Improved User Experience: Faster page loads lead to better user experience</li>
<li>Transparent Metrics: See exactly how caching is benefiting your site</li>
<li>Complementary to Server-Side Caching: Works alongside other caching solutions</li>
<li>Enhanced CDN Reliability: Both passive detection and active monitoring ensure optimal CDN performance</li>
</ul>
<h3>Developer Information</h3>
<h4>Source Code</h4>
This plugin ships with complete source code for transparency and developer customization:
<ul>
<li>JavaScript Source: Located in <code>/src/</code> directory
<ul>
<li><code>src/admin.js</code> – Settings page functionality</li>
<li><code>src/dashboard.js</code> – Metrics dashboard with Chart.js integration</li>
<li><code>src/service-worker.js</code> – Main Service Worker with Workbox integration</li>
</ul>
</li>
<li>Build System: Uses esbuild for JavaScript compilation and minification</li>
</ul>
<h4>Build Process</h4>
If you need to modify the JavaScript source code, you can rebuild the assets:
Prerequisites: 
* Node.js 20.x or higher 
* npm
Build Commands:
Install dependencies
<pre><code>npm install
</code></pre>
Clean and build all assets
<pre><code>npm run build
</code></pre>
Build individual components
<pre><code>npm run build:admin # Settings page
npm run build:dashboard # Metrics dashboard
npm run build:sw # Service worker
</code></pre>
Clean build directory
<pre><code>npm run clean
</code></pre>
Built files are output to the <code>/build/</code> directory and automatically used by the plugin.

In-Browser Cache

Boosts performance with client-side caching via Service Workers. Features CDN support, transparent metrics, and requires zero configuration.

Zero Config Performance Optimization vs In-Browser Cache