sapayth

<p>Script Report is a minimal and focused debugging tool for WordPress developers. It helps you audit and visualize JavaScript and CSS dependencies on any admin or frontend page.</p>
<p>When something loads out of order, loads twice, or slows down a page, Script Report helps you see exactly what is happening.</p>
<p>Use the Script Report link in the admin navbar on any page to open a complete breakdown of scripts and styles, their load order, dependencies, and origin.</p>
<h3>Why Use Script Report?</h3>
<p>Developers often ask:</p>
<p>Why is this script loading here<br />
Who enqueued this style<br />
Why is my dependency not working<br />
Is something loading twice<br />
What is affecting performance on this page</p>
<p>Script Report gives you clear answers instantly.</p>
<h3>What You Can Inspect</h3>
<h4>JavaScript</h4>
<p>View a complete breakdown of:</p>
<ul>
<li>Registered scripts</li>
<li>Enqueued scripts</li>
<li>Total required scripts</li>
<li>Load order</li>
<li>File size</li>
<li>Footer or header loading</li>
<li>Inline scripts</li>
<li>Enqueued by source</li>
<li>Required by dependencies</li>
</ul>
<h4>CSS</h4>
<p>Inspect styles with the same detailed structure:</p>
<ul>
<li>Registered styles</li>
<li>Enqueued styles</li>
<li>Total required styles</li>
<li>Load order</li>
<li>File size</li>
<li>Dependency relationships</li>
<li>Enqueued by source</li>
<li>Required by dependencies</li>
</ul>
<h4>Script Modules WordPress 6.5+</h4>
<p>Audit registered and enqueued script modules along with their dependency chains.</p>
<h3>Views</h3>
<p>Switch between two views:</p>
<p>List view<br />
Clean, structured overview of all scripts and styles.</p>
<p>Tree view<br />
Visual representation of dependency chains. Circular or missing dependencies are clearly flagged.</p>
<h3>Filtering</h3>
<p>Quickly filter by handle or source to narrow down large lists. Filtering works client side for fast inspection.</p>


Script Report

Debug and audit JavaScript and CSS loading in WordPress. Analyze dependencies, detect issues, and improve performance on any page.

Derrick Hammer

<p>This plugin will show you all the documents rendered on the current page, and their elements in nested accordions. It shows their unique element ID, type, and how long it took to render it and any children</p>
<p>As this is an extension to Debug Bar, it must be activated as well.</p>


Debug Bar Elementor

Output debug information regarding elementor on a page such as elements and performance data. Requires Debug Bar

Script Report vs Debug Bar Elementor