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.

Palasthotel GmbH

greatestview

<p>In some critical cases you cannot wait for a JavaScript file to load. Then you can benefit from better performance, if you embed the JavaScript code directly into the <code><script></code> tag. This is where this plugin comes in: It provides a filter <code>embed_javascript_file_content_handles</code>, which takes JavaScript handles and echos their code content into the DOM instead of linking to a file.</p>
<p>Please beware that placing lots of embedded JavaScript code can be critical! First you lose caching benefits and second the document size can increase easily. A general rule of thumb is that you should only consider JavaScript files for inline placement, which are critical and which have a file size lower than ~500 Bytes.</p>
<h4>Example</h4>
<pre><code>add_action( 'wp_enqueue_scripts', 'my_scripts' );
function my_scripts() {
    // Some critical script is enqueued
    wp_enqueue_script( 'js-detection', get_template_directory_uri() . '/js/js-detection.js' );
}

/**
 * Define JavaScript handles to be echoed inline in the html head section.
 */
add_filter( 'embed_javascript_file_content_handles', 'my_embed_javascript_file_content_handles' );
function my_embed_javascript_file_content_handles( $handles ) {
    $scripts = [ 'js-detection' ];

    return array_merge( $handles, $scripts );
}
</code></pre>


Embed JavaScript File Content

Boosts performance of critical short JavaScript files by allowing to embed their code instead of linking to files. Script positions and extra scripts  …

Enqueue Debug Panel vs Embed JavaScript File Content