Web Performance: engineering articles and technical guides
Core Web Vitals, rendering strategy, caching layers and database query budgets.
Web Performance
Mastering LCP: Subparts, Priority Hints, Critical CSS and Images
Break Largest Contentful Paint into its four subparts and apply the fix that matches the slow one, from priority hints to critical CSS and image delivery.
9 min read · Web Performance
Web Performance
MySQL Composite Indexes: Column Order, EXPLAIN ANALYZE and wp_postmeta
Design composite indexes from real queries, read the plan with EXPLAIN and EXPLAIN ANALYZE, and handle WordPress's wp_postmeta without guesswork.
10 min read · Web Performance
Web Performance
Fixing CLS in Server-Rendered Apps: Fonts, Hydration and Streaming
Why server-rendered React and Next.js pages still shift after the first paint, and how to make the server HTML reserve the final size of everything.
9 min read · Web Performance
Web Performance
Optimising INP: Profiling Long Tasks and Yielding to the Main Thread
How to find the interaction that fails INP, attribute it to the script responsible, and fix the phase that dominates by yielding to the main thread.
9 min read · Web Performance
Enterprise WordPress
Engineering for WPVIP (WordPress VIP): High-Concurrency Standards & VIP Go Compliance
An interactive technical guide detailing high-concurrency request routing, WPVIP code review compliance, Memcached patterns, and VIP Go readiness checklists.
7 min read · Enterprise WordPress
React & Next.js
Next.js Caching Explained: Four Layers and How They Interact
Request memoisation, data cache, full route cache and router cache - what each stores, how to invalidate it, and where stale content actually comes from.
5 min read · React & Next.js
Web Performance
Full-Stack Web Performance: From Next.js SSR to Database Query Budgets
Optimizing Core Web Vitals, server component rendering, edge caching, and query budgets across modern stacks.
7 min read · Web Performance
Enterprise WordPress
Building Scalable Headless CMS & Gutenberg Architectures
Content modeling, GraphQL/REST APIs, and pairing custom CMS backends with modern React/Next.js frontends.
6 min read · Enterprise WordPress
React & Next.js
React Performance: Re-renders, Memoisation and Profiling
Reading the Profiler before reaching for memo, why most memoisation does nothing, and how render work turns into a failing INP score.
6 min read · React & Next.js