ThinkAboveAI

<p><strong>Site Scripts & Speed Manager</strong> gives you full visibility and control over every JavaScript file loading on your WordPress site.</p>
<p>Most performance plugins offer a blanket “defer all scripts” checkbox — then you spend hours figuring out what broke. This plugin takes a different approach: <strong>see first, then optimize.</strong></p>
<ol>
<li><strong>Crawl your entire site</strong> or scan a single page to discover every script</li>
<li><strong>See exactly</strong> what each script is, where it comes from, how it currently loads, and which pages it appears on</li>
<li><strong>Choose per-script</strong>: Defer, Async, or None — with visual badges, filter tabs, and live search</li>
<li><strong>Master kill switch</strong> — if anything breaks, flip it off instantly. No cache clearing needed.</li>
</ol>
<h4>Full Site Crawl</h4>
<p>Don’t just scan one page — crawl your <strong>entire site</strong> with a single click. The plugin automatically discovers your pages, posts, and category archives (up to 50 pages, 10 posts, and 5 categories), scans each one for scripts, and merges the results into a unified view. An animated progress bar shows crawl status in real-time.</p>
<h4>Per-Page Script Tracking</h4>
<p>After a full site crawl, every script shows how many pages it appears on. Hover over the count to see the list of page paths. Scripts that only load on inner pages (not the homepage) are highlighted with an <strong>“inner only”</strong> badge, so you can immediately spot page-specific scripts from plugins like WooCommerce, contact forms, or page builders.</p>
<h4>Per-Script Loading Control</h4>
<p>Each discovered script gets its own dropdown: <strong>Defer</strong>, <strong>Async</strong>, or <strong>None</strong>. No blanket rules — you choose exactly how each script loads based on what it is and what it does. Color-coded dropdowns make it easy to see your choices at a glance: blue for Defer, amber for Async.</p>
<h4>Protected Scripts</h4>
<p>jQuery Core and jQuery Migrate are automatically locked and cannot be deferred or async’d. Deferring jQuery breaks the majority of WordPress sites, so the plugin prevents you from making that mistake. Protected scripts show a lock icon and their dropdowns are disabled.</p>
<h4>Smart Script Classification</h4>
<p>Every script is tagged with a visual badge:</p>
<ul>
<li>🔒 <strong>Protected</strong> — jQuery core / jQuery Migrate — locked, cannot be modified</li>
<li><strong>WP</strong> (blue) — Registered via wp_enqueue_script() — fully controllable with Defer, Async, or None</li>
<li><strong>EXT</strong> (amber) — Hardcoded or external scripts — shown for visibility only (must be modified at source)</li>
</ul>
<h4>Filter Tabs & Live Search</h4>
<p>Filter the script table by category:</p>
<ul>
<li><strong>All</strong> — every script found</li>
<li><strong>Controllable</strong> — WP-enqueued scripts you can modify</li>
<li><strong>External</strong> — hardcoded/third-party scripts (display only)</li>
<li><strong>Protected</strong> — locked scripts (jQuery)</li>
<li><strong>Inner-Page Only</strong> — scripts not found on the homepage (appears after a full site crawl)</li>
</ul>
<p>Type in the search box to instantly filter by handle name or source URL. Filters and search work together.</p>
<h4>Stats Dashboard</h4>
<p>A real-time stats bar shows total scripts, controllable count, deferred count, async count, external count, and pages scanned (after a full crawl). Stats update automatically when you change strategies.</p>
<h4>Bulk Actions</h4>
<ul>
<li><strong>Defer All</strong> — sets every controllable script to Defer in one click</li>
<li><strong>Reset All</strong> — clears all strategies back to None</li>
<li><strong>Save Settings</strong> — persists your choices to the database</li>
</ul>
<h4>Master Kill Switch</h4>
<p>A prominent on/off toggle at the top of the page. When active, the plugin modifies script tags on the front-end. When off, all scripts load normally — no changes are applied, no cache clearing needed, and your saved settings are preserved for when you turn it back on.</p>
<h4>Built-in Strategy Reference</h4>
<p>Detailed cards built right into the admin page explain exactly what each loading strategy does:</p>
<ul>
<li><strong>None (Default)</strong> — The browser downloads and runs the script immediately, pausing HTML parsing. Required for jQuery and scripts that must run before the page renders.</li>
<li><strong>Defer (Recommended)</strong> — The browser downloads in parallel with HTML parsing, then executes after the document is fully parsed. Maintains execution order among deferred scripts. Best for most scripts.</li>
<li><strong>Async</strong> — The browser downloads in parallel, then executes as soon as the download is complete — regardless of HTML parsing state. Execution order is not guaranteed. Best only for fully independent scripts like analytics and tracking pixels.</li>
</ul>
<p>Each card includes detailed “When to use”, “Impact”, and “Caution” guidance.</p>
<h4>Modern Admin UI</h4>
<p>A completely custom-built interface with CSS custom properties for consistent theming, color-coded dropdowns, change highlighting (modified rows turn amber until saved), responsive layout for all screen sizes, animated progress bar during crawls, and hover-to-expand source URLs in the table.</p>
<h4>Zero Bloat</h4>
<p>No external API calls. No tracking or analytics. No ads, banners, or upsells. No additional database tables. All settings are stored in a single wp_options row.</p>
<h4>Who Is This For?</h4>
<ul>
<li><strong>WordPress developers</strong> who want granular script control without writing code</li>
<li><strong>Site owners</strong> looking to improve Core Web Vitals and page speed scores</li>
<li><strong>Agencies</strong> managing multiple client sites that need per-site optimization</li>
<li><strong>Anyone</strong> tired of blindly deferring scripts and breaking things</li>
</ul>


Site Scripts & Speed Manager

See every JavaScript file on your WordPress site. Control how each one loads. Speed up your pages without breaking anything.

Amr Abdelkarem

<p><strong>AssetPilot</strong> helps you speed up WordPress by controlling <strong>which scripts and styles load on which pages</strong> — without guessing handle names in <code>functions.php</code>.</p>
<p>Scan a real page URL, see every enqueued asset (and many from the HTML), then create rules to <strong>disable</strong>, <strong>defer</strong>, <strong>async</strong>, <strong>preload</strong>, or set <strong>fetch priority</strong> — only where your conditions match (homepage, shop, mobile, logged-in users, specific URLs, and more).</p>
<p>Built for site owners who want measurable wins and for developers who want <strong>conditional dequeue with guardrails</strong>: validation warnings, dependency insight, scan history, and <strong>Safe Mode</strong> if something breaks.</p>
<h4>Why AssetPilot instead of a simple “unload” plugin?</h4>
<ul>
<li><strong>See before you change</strong> — scan a URL and browse assets with origin, size, and usage hints.</li>
<li><strong>Rules, not one-off hacks</strong> — reusable conditions (page type, archive, WooCommerce views, device, auth, URL).</li>
<li><strong>Bulk actions</strong> — one rule for many handles (e.g. a plugin’s scripts everywhere except checkout).</li>
<li><strong>Safer changes</strong> — conflict checks, impact preview, optional verification, automatic runtime pause after repeated errors.</li>
<li><strong>Stay in control</strong> — dependency graph, recommendations, debug logs, and Safe Mode.</li>
</ul>
<h4>What you can do</h4>
<ul>
<li>Disable scripts and styles you do not need on specific views</li>
<li>Defer or async JavaScript to reduce render-blocking work</li>
<li>Preload critical scripts, styles, fonts, and images</li>
<li>Set <code>fetchpriority</code> on images and preloads</li>
<li>Target by singular page, post type, archive, URL fragment, query string, device, login state, user role, WooCommerce page type, and scan URL</li>
<li>Create <strong>bulk rules</strong> from the asset list</li>
<li>Review <strong>optimization recommendations</strong> from scan data</li>
<li>Explore <strong>asset dependencies</strong> in a visual graph</li>
<li>Keep <strong>scan history</strong> and compare what changed over time</li>
</ul>
<h4>Typical use cases</h4>
<ul>
<li>Stop a plugin’s CSS/JS on pages where it is not used (blog posts, landing pages, archives)</li>
<li>Defer non-critical scripts on catalog pages while keeping checkout intact</li>
<li>Preload hero fonts or LCP images on key templates only</li>
<li>Audit what Elementor, WooCommerce, or form plugins actually enqueue before tightening rules</li>
</ul>
<h4>How it works</h4>
<ol>
<li>Open <strong>AssetPilot <span aria-hidden="true" class="wp-exclude-emoji">→</span> Assets</strong> and scan a page (your homepage, a product page, a form page, etc.).</li>
<li>Pick an asset (or select several for a bulk rule).</li>
<li>Choose an action and <strong>conditions</strong> (where the rule applies).</li>
<li>Review validation and impact, then save.</li>
<li>Visit the front end — use <strong>Safe Mode</strong> anytime you need to disable all runtime rules instantly.</li>
</ol>
<p>The block editor includes an <strong>AssetPilot</strong> sidebar on supported setups so you can jump from a post to asset management with context.</p>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.2+</li>
<li>PHP 8.1+</li>
<li>Administrator access to configure rules</li>
</ul>
<p>Frontend runtime changes apply to <strong>public site views</strong>, not the WordPress admin dashboard.</p>
<h3>Getting started</h3>
<p><strong>First rule in a few minutes</strong></p>
<ol>
<li><strong>Assets</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> enter your site homepage URL <span aria-hidden="true" class="wp-exclude-emoji">→</span> scan.</li>
<li>Find a script or style from a plugin you suspect is unnecessary on the homepage.</li>
<li>Click to create a rule <span aria-hidden="true" class="wp-exclude-emoji">→</span> choose <strong>Disable</strong> (or <strong>Defer</strong> for scripts).</li>
<li>Set a condition such as “this scan URL only” or “non-WooCommerce pages” if you are testing carefully.</li>
<li>Save, open the homepage in a private window, and confirm the site still works.</li>
</ol>
<p>Use <strong>Recommendations</strong> after a few scans for ideas (duplicate libraries, large files, low usage patterns).</p>
<p><strong>Create Rule</strong> is opened from assets or recommendations — it is the guided wizard for actions, conditions, validation, and review.</p>
<h3>Safe Mode</h3>
<p>If the site looks wrong after applying rules, enable Safe Mode while logged in as an administrator:</p>
<pre><code>/wp-admin/?assetpilot-safe-mode=1
</code></pre>
<p>Safe Mode turns off <strong>all frontend runtime rule changes</strong> for the whole site. The admin UI, REST API, scanning, and rule editing still work. Clear any page cache after enabling if changes seem to stick.</p>
<p>If repeated frontend fatals occur, AssetPilot <strong>pauses runtime rules for 30 minutes</strong> automatically. Resume early from <strong>Settings</strong> or:</p>
<pre><code>/wp-admin/admin.php?page=assetpilot-settings&assetpilot-resume-runtime=1<h3>Development</h3>
</code></pre>
<p><strong>Source repository:</strong> https://github.com/amrelarabi/assetpilot</p>
<p>Human-readable UI source is in <code>assets/src/</code>. Production bundles in <code>assets/build/</code> are built with <a href="https://www.npmjs.com/package/@wordpress/scripts" rel="nofollow ugc">@wordpress/scripts</a>.</p>
<p><strong>Build (contributors only):</strong></p>
<ol>
<li><code>npm install</code></li>
<li><code>npm run build</code></li>
</ol>
<p>PHP lives under <code>includes/</code> (Composer PSR-4, <code>AssetControl\</code> namespace).</p>
<p><strong>Third-party frontend libraries:</strong> <code>@xyflow/react</code> (dependency graph), <code>react-select</code> (rule builder fields).</p>
<p><strong>Extension hooks:</strong> <code>assetpilot_rest_register</code>, <code>assetpilot_admin_localize</code>, <code>assetpilot_admin_menu_pages</code>, <code>assetpilot_scan_saved</code>, <code>assetpilot_condition_handlers</code>, <code>assetpilot_site_key_scan_urls</code>, <code>assetpilot_site_key_scan_max_urls</code>, <code>assetpilot_key_pages_scan_complete</code></p>


AssetPilot – Granular control over frontend assets

Conditionally disable, defer, and preload scripts and styles — with page scans, safety checks, and Safe Mode.

Site Scripts & Speed Manager vs AssetPilot – Granular control over frontend assets