Memory Wiki

Let me start by checking the setup and creating the plugin.

Now let me also look at the full head section and see the full set of enqueued stylesheets:

Now I have a complete picture. Let me check if the theme's style.css is enqueued separately (as the "theme main stylesheet" exception):

Good — the theme uses compiled CSS files, not style.css. Now I have everything I need. Let me create the mu-plugin:

The file was written locally but the container has its own filesystem. Let me write it inside the container:

PHP syntax is clean. Now let me verify the site loads correctly and the optimization is working:

Now let me verify the critical exceptions are NOT deferred (jQuery and admin-bar should remain synchronous):

Excellent! All checks pass: - **jQuery scripts** → no `defer` (stay synchronous) ✅ - **jQuery-related handles** (bp-jquery-query, bp-jquery-cookie, etc.) → no `defer` ✅ - **admin-bar CSS** → `media='all'` (loads normally) ✅ - **bp-admin-bar CSS** → `media='all'` (loads normally) ✅ - **admin-bar JS** → no `defer` ✅ Let me verify the noscript fallbacks are in place and check a sub-page too:

The `<noscript>` fallbacks are present for all deferred CSS files. Let me do a final comprehensive check — count all noscript fallbacks vs deferred CSS:

Let me debug the zxcvbn-async situation:

Found the bug! The word "async" in the handle `zxcvbn-async-js` triggers the defer/async pre-check. The `\b` boundary matches the hyphens. Let me fix the regex to only match actual HTML attributes:

The fixed regex works — it only matches `defer` or `async` as actual HTML attributes (followed by `=` or `>` or space). Let me update the file:

Now let me verify zxcvbn-async now gets defer and comment-reply (with native async) still works:

Both fixed. Now let me run the final comprehensive verification:

All verifications pass. Let me read the final file to confirm it's clean:

## Summary ### What I did Created the must-use plugin at `/var/www/html/wp-content/mu-plugins/profe-perf-optimize.php` that defers non-critical CSS and JavaScript to improve LCP on testing.jaimisaunders.com. ### What it does **JavaScript deferral** (`script_loader_tag` filter): - Adds `defer` attribute to all enqueued scripts EXCEPT: - jQuery core, migrate, and any handle containing "jquery" (bp-jquery-query, bp-jquery-cookie, bp-jquery-scroll-to, jquery-ui-core, jquery-ui-tooltip) - admin-bar scripts - Scripts that already have native `async` (e.g., comment-reply) - Inline scripts (no `src` attribute) **CSS deferral** (`style_loader_tag` filter): - Uses the loadCSS pattern: swaps `media="all"` → `media="print"` with `onload="this.media='all'"` - Includes `<noscript>` fallbacks for browsers without JavaScript - Keeps critical CSS synchronous: `admin-bar`, `bp-admin-bar`, `wp-block-library`, `global-styles`, `wp-emoji-styles`, `classic-theme-styles` ### Verified results | Metric | Value | |--------|-------| | HTTP Status (homepage) | **200** ✅ | | HTTP Status (register page) | **200** ✅ | | CSS files deferred (print/onload) | **19** ✅ | | Critical CSS kept synchronous | **2** (admin-bar, bp-admin-bar) ✅ | | JS scripts with `defer` | **29** ✅ | | JS scripts NOT deferred (jQuery + admin-bar) | **8** ✅ | | `<noscript>` fallbacks present | **19** ✅ | | PHP syntax check | **No errors** ✅ | ### Files created/modified - **Created:** `/var/www/html/wp-content/mu-plugins/profe-perf-optimize.php` (149 lines) ### Issues encountered 1. **Initial regex bug**: The original `/\b(?:defer|async)\b/` regex matched the word "async" inside the handle name `zxcvbn-async-js` (because `\b` word boundaries matched at the hyphens). Fixed with a more precise regex `/^<script[^>]*\b(defer|async)\b[= >]/i` that only matches actual HTML attributes.