Performance Case Study

Elementor vs.
Custom Theme

What happens when you strip a WordPress site down to its studs and rebuild it from scratch no page builders, no bloat, just clean PHP, SCSS, and vanilla JS.

The Problem

Page builders are convenient.
They're not fast.

⚡

Elementor loads dozens of scripts

Even on a simple portfolio page, Elementor enqueues Slick, Swiper, Bootstrap, multiple widget CSS files, and its own frontend JS — regardless of whether you use those features.

📦

Unused code everywhere

Every Elementor widget you don't use still ships its CSS. The render-blocking resources pile up before a single pixel of your content loads.

🔧

The fix: build it yourself

A custom theme loads exactly what it needs one CSS file, one JS file, and nothing else. No framework overhead. No widget bloat. Just your code.

The Approach

Built from scratch.
Zero compromises.

WordPress Custom theme, Underscores base, no page builder
SCSS Modular partials, design tokens (variables for color, spacing, typography), and breakpoint mixins
Vanilla JS No jQuery, no libraries, custom slider, parallax, nav
ACF Custom fields for project CPT, no Gutenberg dependency
WP Fastest Cache Minify HTML/CSS, Gzip, Browser Caching, Preload
Custom Plugin Built a bespoke Testimonial Collector plugin with admin UI, shortcode output, and vanilla JS carousel
Google PageSpeed Insights

The numbers
don't lie.

View Custom Theme View Elementor Site

📱 Mobile

Performance
96
62
Accessibility
93
93
Best Practices
96
96
SEO
100
61

🖥 Desktop

Performance
98
77
Accessibility
93
92
Best Practices
96
100
SEO
100
61
GTmetrix Results

Under the hood,
the gap is huge.

Custom Theme

A
99% Performance
707ms Largest Contentful Paint
74ms Total Blocking Time
0 Cumulative Layout Shift
2.81MB Total Page Size
63 Total Requests
VS

Elementor

C
68% Performance
3.6s Largest Contentful Paint
11ms Total Blocking Time
0.01 Cumulative Layout Shift
4.03MB Total Page Size
83 Total Requests
5× faster Largest Contentful Paint
20 fewer HTTP requests
1.2MB less page weight
A vs C GTmetrix grade
The Takeaway
"Page builders trade performance for convenience. When performance matters, and for SEO and user experience it always does, a custom-built theme is the right tool for the job."

This site is the proof. Every interaction, animation, and layout is purpose-built no widget overhead, no unused CSS, no render-blocking scripts. Just fast, clean, intentional code.

Back to My Work