Performance Optimisation
Speed is not a cosmetic concern. A one-second improvement in load time has
documented, measurable impact on conversion rate, bounce rate, and search
ranking. I audit what is slow, explain why, and fix it — across the full
stack, from server response time to time-to-first-paint to cumulative layout
shift.
I have implemented rendering optimisations that measurably improved page
performance and conversion on production customer-facing surfaces. I approach
performance work the same way I approach all engineering: measure first,
optimise based on evidence, verify the improvement.
What's included
Lighthouse and Core Web Vitals audit
Full audit of LCP, FID/INP, CLS, TTFB, and TBT. Not just the scores — the
specific components causing each issue, ranked by impact. A clear prioritised
list of what to fix first.
Bundle analysis and code splitting
Webpack bundle analysis, dynamic imports, route-based code splitting, tree shaking
of unused dependencies. Reducing the JavaScript the browser has to parse before
the page becomes interactive.
Image optimisation
Next.js Image component implementation, WebP/AVIF conversion, lazy loading,
responsive srcset, proper aspect ratio reservation to eliminate layout shift.
Images are almost always the largest contributor to slow load times — I fix them
properly.
Render-blocking elimination
Deferred non-critical CSS and JavaScript, preloading critical resources,
font-display strategy, critical CSS inlining. Getting the first meaningful paint
as early as possible.
Server-side rendering and caching strategy
Switching pages from client-side rendering to SSR or SSG where appropriate.
HTTP caching headers, CDN cache strategy, stale-while-revalidate, incremental
static regeneration. Reducing what the server has to compute on every request.
Database query optimisation
Slow query identification, index analysis, N+1 query elimination, query
restructuring, connection pool tuning. Backend performance is often the
ceiling on frontend performance — I look at both.
Animation performance
GSAP animations optimised to run on the compositor thread. CSS animation
review, will-change usage, paint and layout triggers eliminated. Smooth 60fps
motion that does not spike the CPU on a mid-range phone.
Good fit if you need
A page that fails Core Web Vitals and is losing search ranking as a result.
A web app that feels slow and you are not sure why. A performance audit before
a major launch. Specific metrics improved for a conversion rate optimisation
initiative.