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.
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‑six articles collected together for you below.
Core Web Vitals Got Worse After a Redesign. 
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.
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.
Improve Page Performance with content‑visibility. Improve Page Performance with
content‑visibilityUsing the CSS content‑visibility property we can control how an element interacts with the browser render, controlling when or how an element content renders.
How to Improve Your Time to First Byte (TTFB). How to Improve Your Time to First Byte (TTFB)
Time To First Byte (TTFB) is a crucial influence on website performance. The easy answer is increasing server resources, but there are other considerations too.
Why is Time to First Byte (TTFB) Important? Why is Time to First Byte (TTFB) Important?
Time To First Byte (TTFB) is a measurement of the time is takes for a server to respond to a request: how quickly your visitor can start to load your page.
