Ayuda WordPress

Fernando Tellado

WPO Tweaks 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.
New version 2.1.x with modular architecture and enhanced reliability!
<h3>NEW FEATURES V2.1.x</h3>
Modular Architecture: 
* Complete Code Refactoring: Plugin rebuilt with modular architecture for better maintainability and performance 
* Separated Components: Each optimization is now in its own module for easier debugging and updates 
* Enhanced Reliability: Improved error handling and better compatibility across different hosting environments
File Management System: 
* Automatic Backups: Creates secure backups of wp-config.php and .htaccess before modifications 
* Safe Restoration: Automatic restoration of original files on plugin deactivation 
* Intelligent Installation: Detects and resolves conflicts with existing configurations
Image Optimizations: 
* Missing Image Dimensions: Automatically detects and adds width/height attributes to images and picture elements without dimensions, improving Cumulative Layout Shift (CLS) scores 
* Picture Element Support: First plugin to automatically add dimensions to elements (more comprehensive than most optimization plugins) 
* Enhanced Lazy Loading: Improved lazy loading system with better Gravatar support
Configuration Management: 
* wp-config.php Optimization: Direct wp-config.php modifications for guaranteed trash retention settings (7 days) 
* Conflict Resolution: Automatically removes conflicting existing configurations 
* Clean Deactivation: Complete cleanup of all modifications when plugin is deactivated
User Experience: 
* Activation Notice: Informative welcome message showing all applied optimizations 
* Admin Dashboard: Clean interface with optimization summary 
* Developer Friendly: Enhanced filter system for advanced customization
<h3>INCLUDED OPTIMIZATIONS</h3>
Classic Optimizations (since v1.0): 
* Browser cache rules in .htaccess 
* GZIP compression in .htaccess 
* Remove Dashicons in admin bar (non-logged users only) 
* Remove Emojis styles and scripts 
* Disable REST API (completely disabled) 
* Control Heartbeat API interval (60s instead of 15s) 
* Remove Query Strings from static resources 
* Defer JavaScript parsing 
* Remove Query Strings from Gravatar 
* Remove Really Simple Discovery link from header 
* Remove wlwmanifest.xml (Windows Live Writer) from header 
* Remove URL Shortlink from header 
* Remove WordPress Generator version from header 
* Remove DNS Prefetch from s.w.org 
* Remove unnecessary links from header 
* Remove RSS feeds generator name 
* Remove Capital P Dangit filter 
* Disable PDF thumbnails previews 
* Disable internal Self Pingbacks
Advanced Optimizations (since v2.0): 
* Automatic Critical CSS with smart cache 
* Deferred CSS Loading for non-critical styles 
* Automatic preconnect for Google Fonts, Analytics, etc. 
* Smart DNS Prefetch for external resources including Gravatar 
* Native Lazy Loading with decoding=async 
* Automatic transients cleanup for expired entries 
* Database query optimization 
* jQuery Migrate removal when not needed 
* Critical resources preloading (theme CSS, fonts) 
* Enhanced security headers 
* Administrative dashboard cleanup 
* Smart revisions and trash management
New in v2.1.0: 
* Missing Image Dimensions – Automatically adds width/height attributes to improve CLS scores 
* Enhanced File Management – Secure backup and restoration system 
* Modular Code Architecture – Better performance and maintainability 
* Improved wp-config.php Handling – Direct configuration management for better reliability
<h3>HOW TO VERIFY OPTIMIZATIONS ARE WORKING</h3>
You can check each optimization individually to ensure WPO Tweaks is working correctly:
Missing Image Dimensions: Inspect images in your browser (F12 > Elements). Images should have <code>width="X"</code> and <code>height="Y"</code> attributes even if they weren’t originally coded with dimensions.
Critical CSS: View page source (Ctrl+U) and look for <code><style id="ayudawp-wpotweaks-critical-css"></code> in the head section containing basic CSS rules.
Deferred CSS: In source code, look for <code><link></code> tags with <code>rel="preload" as="style"</code> instead of <code>rel="stylesheet"</code>, followed by <code><noscript></code> fallbacks.
Google Fonts Optimization: Google Fonts URLs should include <code>&display=swap</code> parameter.
Preconnect: Look for <code><link rel="preconnect"></code> tags in the head pointing to fonts.googleapis.com, fonts.gstatic.com, etc.
DNS Prefetch: Check for <code><link rel="dns-prefetch"></code> tags pointing to external domains like gravatar.com, stats.wp.com.
Lazy Loading: Inspect images (F12) – they should have <code>loading="lazy"</code> and <code>decoding="async"</code> attributes.
Resource Preload: Look for <code><link rel="preload"></code> tags for your theme’s CSS and critical fonts.
Version Removal: Source code should NOT contain <code><meta name="generator" content="WordPress X.X"></code> or <code>?ver=</code> in script/style URLs.
Dashicons Removal: When logged out, source code should NOT include <code>dashicons.min.css</code>. When logged in, it should appear.
Emojis Removal: Source code should NOT contain <code>wp-emoji-release.min.js</code> or emoji-related styles.
Header Cleanup: Source code should NOT contain <code><link rel="EditURI"></code>, <code><link rel="wlwmanifest"></code>, or <code><link rel="shortlink"></code>.
JavaScript Defer: Most <code><script></code> tags (except jQuery) should include the <code>defer</code> attribute.
GZIP Compression: Test at <a href="https://www.giftofspeed.com/gzip-test/" rel="nofollow ugc">giftofspeed.com/gzip-test</a> – should show “GZIP is enabled”.
Cache Headers: Check your <code>.htaccess</code> file for a section marked “BEGIN WPO Tweaks by Fernando Tellado” with expiration rules.
Heartbeat Control: In WordPress Dashboard, open browser dev tools (F12) > Network tab. AJAX requests to <code>admin-ajax.php</code> with <code>action=heartbeat</code> should occur every 60 seconds instead of 15.
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: 
* <code>ayudawp_wpotweaks_critical_css</code> – Customize critical CSS 
* <code>ayudawp_wpotweaks_preconnect_hints</code> – Add custom preconnect 
* <code>ayudawp_wpotweaks_dns_prefetch_domains</code> – Customize DNS prefetch domains 
* <code>ayudawp_wpotweaks_critical_fonts</code> – Define critical fonts for preload 
* <code>ayudawp_wpotweaks_keep_xmlrpc</code> – Keep XML-RPC if needed 
* <code>ayudawp_wpotweaks_keep_feeds</code> – Control feeds removal
Compatible with: 
* Jetpack (keeps XML-RPC automatically) 
* All well-coded themes 
* Cache plugins (W3 Total Cache, WP Rocket, etc.) 
* WordPress Multisite 
* Page Builders (Divi, Elementor, Beaver Builder, Gutenberg)
<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: 
* <a href="https://pagespeed.web.dev/" rel="nofollow ugc">Google PageSpeed Insights</a> 
* <a href="https://gtmetrix.com/" rel="nofollow ugc">GTMetrix</a> 
* <a href="https://www.webpagetest.org/" rel="nofollow ugc">WebPageTest</a>
Best measurement practices: 
* Run at least 2 tests (first one may not show cache) 
* Always use the same tool for comparison 
* Measure performance over time, not just once 
* Remember that no tool can replace human perception
<h3>Support</h3>
<h4>Need help or have suggestions?</h4>
<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, and performance optimization plugins. We create tools that solve real problems for WordPress site owners while maintaining the highest coding standards and accessibility requirements.

WPO Tweaks & Performance Optimizations

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

Improve website performance with client-side caching using Service Workers, featuring passive and active CDN support, transparent metrics and zero con …

WPO Tweaks & Performance Optimizations vs In-Browser Cache