6 articles
Every article tagged JavaScript, newest first. Search all articles
Performance8 min read
Fix INP in WordPress by finding the slow interaction
To fix INP in WordPress, start by reproducing the exact tap or key interaction that feels slow, then record it in Chrome DevTools and split its delay into input, processing, and presentation.
Development7 min read
"This block contains unexpected or invalid content": fixing validation errors
If you searched for "block validation failed WordPress," the editor is telling you that stored block markup no longer matches what the current save() function generates from the attributes it can parse.
Performance9 min read
WooCommerce cart fragments: what they cost and when to remove them
WooCommerce cart fragments keep a legacy mini cart synchronized after cart changes, but the refresh request reaches PHP and cannot use a normal full-page cache.
Development7 min read
The WordPress Interactivity API: add front-end behavior to a custom block
The WordPress Interactivity API gives custom blocks a standard way to connect front-end HTML to state and JavaScript actions. Since WordPress 6.5, you can declare an interactive block in block.json, add directives to server-rendered markup, and load behavior through a script module.
Development7 min read
End-to-end WordPress Playwright testing for editor, admin and checkout
WordPress Playwright testing lets a browser verify the editor, wp-admin, and checkout paths that a release depends on. Run those flows against wp-env, reuse a saved admin session, keep test data fixed, and save traces and screenshots when CI fails.
Development7 min read
WordPress Script Modules: load ES modules the WordPress way
WordPress Script Modules are the core API for registering and loading front-end ES modules with named dependencies. Since WordPress 6.5, you can let WordPress build the import map, preload static module dependencies, and print the module entry point in the right order.