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.

10up

Taylor Lovett

<p>Allows you to examine every ElasticPress query running on any given request by adding an <a href="https://wordpress.org/plugins/elasticpress" rel="ugc">ElasticPress</a> panel to <a href="https://wordpress.org/plugins/debug-bar/" rel="ugc">Debug Bar</a> and/or <a href="https://wordpress.org/plugins/query-monitor/" rel="ugc">Query Monitor</a> plugins.</p>
<p>Alternatively, go to ElasticPress > Query Log and set it to record ElasticPress queries.</p>
<h4>Requirements:</h4>
<ul>
<li><a href="https://wordpress.org/plugins/elasticpress" rel="ugc">ElasticPress 4.4.0+</a></li>
<li><a href="https://wordpress.org/plugins/debug-bar/" rel="ugc">Debug Bar 1.0+</a></li>
<li>PHP 7.0+</li>
</ul>


ElasticPress Debugging Add-On

Indispensable if you're working on a site with ElasticPress integration

This plugin works perfectly and is very useful for debugging ElasticPress queries.

It Does What It Says

Extends the Query Monitor and Debug Bar plugins for ElasticPress queries.

Script Report vs ElasticPress Debugging Add-On