Skip to main content
All Projects
Case StudyPerformance

From Sluggish to Lightning Fast

How we transformed an outdated WordPress site into a modern Next.js powerhouse. 94 PageSpeed score, 85% faster load times, and users who actually stay.

Next.js 14CloudflareTailwind CSSVercel

The Results

94
PageSpeed Score
Up from 31
-85%
Load Time
7.8s → 1.2s
-47%
Bounce Rate
Reduction
+186%
Time on Site
Increase

The Challenge

This business was running a WordPress site built in 2016. It loaded in 7.8 seconds on desktop and over 12 seconds on mobile. The PageSpeed score was a dismal 31, and Google was penalizing them in search rankings.

Visitors were leaving before pages even finished loading. The bounce rate sat at 68%, and the average session lasted just over a minute. They were losing potential customers every single day.

The technical debt was significant: 23 active plugins (many conflicting), a theme that hadn't been updated in 3 years, unoptimized images averaging 2MB each, no caching strategy, and shared hosting that couldn't handle traffic spikes. The site would crash during busy periods—exactly when they needed it most.

31
PageSpeed Score
7.8s
Desktop load time
68%
Bounce rate

The Solution

Rather than patching the existing WordPress installation, we recommended a complete rebuild with Next.js. This modern framework delivers pre-rendered pages at the edge, eliminating the database queries and PHP processing that made the old site crawl.

We started with a thorough content audit. Not all 23 pages needed to exist—some were duplicate content hurting SEO, others were outdated. We consolidated to 16 focused pages with clear user journeys and calls to action.

Every image was converted to next-gen formats (WebP and AVIF) with responsive sizing. What was 45MB of images became 3MB. We implemented lazy loading so images only load when scrolling into view, and used blur-up placeholders to eliminate layout shift.

The new site deploys to Cloudflare's global edge network—over 300 data centers worldwide. Users in Tokyo and Toronto get the same sub-second load times. And because it's static HTML, there's no database to crash, no server to maintain, and no hosting fees.

We preserved all their existing URLs with 301 redirects, maintaining their hard-earned SEO authority. Within 3 months, organic traffic increased 67% as Google rewarded the improved Core Web Vitals.

Static Site Generation

Pre-built HTML pages served from the edge. No database queries, no server-side rendering delays.

Image Optimization

Automatic WebP/AVIF conversion, responsive sizing, lazy loading, and blur placeholders.

Global CDN

Cloudflare's 300+ edge locations serve content from the closest datacenter to each visitor.

SEO Preservation

All existing URLs maintained with 301 redirects. Zero disruption to search rankings.

Core Web Vitals Transformation

Google's ranking factors, before and after the rebuild. Green zone = good, yellow = needs improvement, red = poor.

LCP

Largest Contentful Paint

Before8.2s
After1.4s

How long until the main content is visible. Measures perceived load speed.

Good threshold: <2.5s

FID

First Input Delay

Before280ms
After12ms

How long until the page responds to your first click or tap. Measures interactivity.

Good threshold: <100ms

CLS

Cumulative Layout Shift

Before0.42
After0.01

How much the page jumps around while loading. Measures visual stability.

Good threshold: <0.1

The 7-Week Process

From audit to launch, a methodical approach to rebuilding for performance.

Phase 1

Discovery

Week 1

  • Complete site audit
  • Content inventory
  • UX analysis & heatmaps
  • Competitor benchmarking
  • Performance baseline

Results

47Issues Found
23Pages Mapped
Phase 2

Design & Build

Weeks 2-5

  • Mobile-first wireframes
  • Visual design system
  • Next.js development
  • Image optimization
  • Performance testing

Results

94PageSpeed
100Accessibility
Phase 3

Launch & Optimize

Weeks 6-7

  • DNS migration
  • CDN configuration
  • Analytics setup
  • 301 redirects
  • Post-launch monitoring

Results

0 minDowntime
+34%SEO Traffic

Before vs After

Complete transformation across every performance and engagement metric:

PageSpeed Score
Before
31
After
94
+203%
Load Time (Desktop)
Before
7.8s
After
1.2s
-85%
Load Time (Mobile)
Before
12.4s
After
2.1s
-83%
Largest Contentful Paint
Before
8.2s
After
1.4s
-83%
Cumulative Layout Shift
Before
0.42
After
0.01
-98%
Bounce Rate
Before
68%
After
36%
-47%
Avg. Session Duration
Before
1:12
After
3:28
+186%
Pages Per Session
Before
1.4
After
3.2
+129%

The Business Impact

Performance improvements that translate to real results:

Investment
$8,500
Complete rebuild
Organic Traffic
+67%
3 months post-launch
Lead Increase
+142%
Contact form submissions
Monthly Hosting
$0
Free on Cloudflare

Is Your Website Holding You Back?

A slow website costs you customers every day. Let's audit your site and see what's possible with modern technology.