Mark Jaquith

<p>Encute provides a fluent, declarative API for site owners to manipulate the scripts and styles that WordPress, themes, and plugins shove onto their site. Move things into the footer, defer loading, remove assets entirely. Or load scripts async, or as modules, or as nomodule!</p>
<p>Here’s an example of how you could use the plugin:</p>
<pre><code><?php

use CWS\Encute\{ Plugin, Script, Style };

add_action(Plugin::class, function (Plugin $plugin) {
    $isContactPage = fn () => is_page('contact');
    Script::get('contact-form-7')->keepIf($isContactPage)->footer()->defer();
    Style::get('contact-form-7')->keepIf($isContactPage)->footer()->defer();

    Style::get(['mediaelement', 'wp-mediaelement'])->footer()->defer();
    Style::get('material-icons')->defer();
    Script::get('jquery')->remove();
});
</code></pre>
<h3>Wrapper</h3>
<p>Always run code in this wrapper:</p>
<pre><code>add_action(\CWS\Encute\Plugin::class, function (\CWS\Encute\Plugin $encute) {
    // Your code here.
});
</code></pre>
<p>This wrapper will be a no-op if Encute is not available, and it will both wait for Encute to be available to run, and pass you Encute’s main class instance.</p>
<h3>Fluency</h3>
<p>Both <code>Script::get()</code> and <code>Style::get()</code> return an instance of themselves, as do all calls to their methods, so you can just chain your calls.</p>
<h3>Script</h3>
<ul>
<li><code>static CWS\Encute\Script::get(string $handle): CWS\Encute\Script</code> — get a Script instance for that handle.</li>
<li><code>CWS\Encute\Script::module(): CWS\Encute\Script</code> — make the script a module.</li>
<li><code>CWS\Encute\Script::noModule(): CWS\Encute\Script</code> — make the script nomodule.</li>
<li><code>CWS\Encute\Script::footer(): CWS\Encute\Script</code> — send the script to the footer (along with its entire dependency family).</li>
<li><code>CWS\Encute\Script::async(): CWS\Encute\Script</code> — make the script async.</li>
<li><code>CWS\Encute\Script::defer(): CWS\Encute\Script</code> — make the script defer.</li>
<li><code>CWS\Encute\Script::remove(): CWS\Encute\Script</code> — remove the script.</li>
<li><code>CWS\Encute\Script::removeIf(callable $callback): CWS\Encute\Script</code> — remove the script if the callback resolves as true.</li>
<li><code>CWS\Encute\Script::keepIf(callable $callback): CWS\Encute\Script</code> — keep the script if the callback resolves as true (else remove it).</li>
</ul>
<h3>Style</h3>
<ul>
<li><code>static CWS\Encute\Style::get(string $handle): CWS\Encute\Style</code> — get a Style instance for that handle.</li>
<li><code>CWS\Encute\Style::footer(): CWS\Encute\Style</code> — send the style to the footer (along with its entire dependency family).</li>
<li><code>CWS\Encute\Style::defer(): CWS\Encute\Style</code> — defer the style’s loading.</li>
<li><code>CWS\Encute\Style::remove(): CWS\Encute\Style</code> — remove the style.</li>
<li><code>CWS\Encute\Style::removeIf(callable $callback): CWS\Encute\Style</code> — remove the style if the callback resolves as true.</li>
<li><code>CWS\Encute\Style::keepIf(callable $callback): CWS\Encute\Style</code> — keep the style if the callback resolves as true (else remove it).</li>
</ul>


Encute

Fluent API for site owners to manipulate the scripts and styles on the frontend of their site.

Webnow

<p>Enqueue Debug Panel is a developer tool that allows WordPress administrators to:</p>
<ul>
<li>View all enqueued JavaScript and CSS files with detailed information</li>
<li>See the handle, source URL, dependencies, and hook for each asset</li>
<li>Instantly dequeue or re-enqueue assets with a single click</li>
<li>Monitor changes that affect all frontend and admin users site-wide</li>
<li>Test asset dependencies and debug loading issues without code changes</li>
</ul>
<p>The panel is only visible to administrators and does not affect the functionality of other features on your site.</p>
<h3>Usage</h3>
<ol>
<li>Visit any page on your WordPress site while logged in as an admin</li>
<li>Click the “Debug Enqueues” button in the admin bar (top right corner)</li>
<li>A panel will slide in from the right side showing all enqueued scripts and styles</li>
<li>Click “❌ Dequeue” to remove an asset from loading on all pages</li>
<li>Click “✅ Re-enqueue” to restore an asset</li>
<li>Changes persist across page refreshes and affect all users</li>
</ol>
<h3>Features</h3>
<ul>
<li><strong>Complete Asset List</strong> – See all enqueued scripts and styles with full details</li>
<li><strong>Instant Toggle</strong> – Dequeue or re-enqueue assets without page reloads</li>
<li><strong>Global Changes</strong> – Dequeued assets are removed for all users site-wide</li>
<li><strong>Dependency Tracking</strong> – View dependencies for each asset</li>
<li><strong>Hook Information</strong> – See which hook was used to enqueue the asset</li>
<li><strong>Admin-Only Access</strong> – Panel is only visible to administrators</li>
<li><strong>Persistent Storage</strong> – Changes are saved and persist across sessions</li>
<li><strong>Safe & Secure</strong> – Includes nonce verification for AJAX requests</li>
</ul>
<h3>Support</h3>
<p>For support, bug reports, or feature requests, please contact Team Webnow.</p>
<h3>Credits</h3>
<p>Developed by Team Webnow<br />
Website: https://webnow.com</p>
<h3>License</h3>
<p>This plugin is released under the GPL v2 or later license.</p>


Enqueue Debug Panel

A powerful debug panel for WordPress admins to view and toggle enqueued JavaScript and CSS files. Changes apply globally to all users instantly.

Encute vs Enqueue Debug Panel