SEO Best Practices in Next.js: Improving Core Web Vitals
SEO best practices in Next.js, with a sharper focus on Core Web Vitals, stable layouts, lighter bundles, metadata, and real user measurement for search.
Articles
Performance
Website performance is about far more than chasing a Lighthouse score. It covers the speed, responsiveness, stability, and efficiency of the experience people actually receive, alongside the engineering discipline required to protect those standards across content changes, feature growth, and repeated releases.
Below you will find a subset of articles from my blog specifically about Performance, performance optimisation and Core Web Vitals. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are twenty‑nine articles collected together for you below.
SEO Best Practices in Next.js: Improving Core Web Vitals. 
Why Your Next.js App Router Page is Stale: Cache Tags, Revalidation, and CMS Publishing. Why Your Next.js App Router Page is Stale: Cache Tags, Revalidation, and CMS Publishing
Debug stale Next.js App Router pages with cache tags, revalidation paths, CMS webhooks, preview freshness, dependency graphs, and simpler cache contracts.
Core Web Vitals Got Worse After a Redesign. Core Web Vitals Got Worse After a Redesign
How to isolate Core Web Vitals regressions after a redesign, covering LCP, INP, CLS, templates, scripts, images, fonts, data, and release evidence.
Using Angular Signals for Performance Optimisation. Using Angular Signals for Performance Optimisation
Use Angular signals for performance optimisation with derived state, computed values, OnPush, effects, RxJS interop, and measuring whether work improved.
Why Next.js Builds Time Out on Vercel. Why Next.js Builds Time Out on Vercel
Debug Next.js build timeouts on Vercel by checking route generation, CMS data fan‑out, memory pressure, image work, caching, logs, and platform limits.
Memoization in JavaScript: Optimising Function Calls. Memoization in JavaScript: Optimising Function Calls
Memoization helps JavaScript functions run faster by caching previous results. Here's a clear guide on how and when to use memoization effectively.
Caching Strategies in React. Caching Strategies in React
React performance work is often about avoiding repeated effort. This guide looks at memoisation, browser caching, and smarter data‑fetching choices.
Greener Software is Mostly Less Waste. Greener Software is Mostly Less Waste
Greener software starts with engineering discipline: lighter pages, fewer wasted requests, better caching, leaner CI, and deliberate use of AI compute.
Understanding Tail Call Optimisation in JavaScript. Understanding Tail Call Optimisation in JavaScript
Tail call optimisation in JavaScript, why it matters conceptually, and why patchy engine support still makes it unreliable for production recursion.
Optimising Performance in React with useMemo and useCallback. Optimising Performance in React with
useMemoanduseCallbackOptimise React performance with useMemo and useCallback only where profiling shows expensive calculations, unstable functions, or avoidable re‑renders.
Optimising Next.js Performance with Incremental Static Regeneration (ISR). Optimising Next.js Performance with Incremental Static Regeneration (ISR)
How ISR improves Next.js performance by mixing static speed with controlled freshness, and where it fits best over fully dynamic rendering for changing content.
Optimising Vue.js Performance with Lazy Loading and Code Splitting. Optimising Vue.js Performance with Lazy Loading and Code Splitting
Optimise Vue.js performance with lazy loading and code splitting, covering route‑level chunks, async components, bundle strategy, measurement, and UX.
Optimising Angular Forms: Template‑Driven vs. Reactive Forms. Optimising Angular Forms: Template‑Driven vs. Reactive Forms
Template‑driven vs. reactive Angular forms, and how to choose the right model for validation, scale, testing, and maintainable form logic in real apps.
Lazy Loading in Angular: Optimising Performance. Lazy Loading in Angular: Optimising Performance
How lazy loading in Angular improves performance, where route‑level splitting helps most, and how to avoid messy boundaries and loading states in larger apps.
Caching Strategies for Data Fetching in Next.js. Caching Strategies for Data Fetching in Next.js
Caching strategies for data fetching in Next.js, including force‑cache, revalidation, stale data trade‑offs, and the debugging traps teams hit in production.
Best Practices for Angular Routing and Lazy Loading. Best Practices for Angular Routing and Lazy Loading
Improve Angular routing with scalable URL design, lazy‑loaded feature boundaries, guarded routes, observable loading, and route‑tree maintenance.
Angular Change Detection: How It Works and How to Optimise It. Angular Change Detection: How It Works and How to Optimise It
Angular change detection explained through zone triggers, OnPush, signals, template cost, manual checks, and practical rendering optimisation at scale.
Keeping Gatsby Build Times Under Control. Keeping Gatsby Build Times Under Control
How to keep Gatsby build times under control by managing data volume, image work, plugins, GraphQL queries, caching, and deployment expectations.