Lab Notes

Why I Custom-Code Instead of Using Page Builders

4 min read Craft · Platforms

Page builders are everywhere. Elementor, Divi, Beaver Builder, Oxygen—they promise to make web development faster and easier. Drag, drop, done.

So why do I still write HTML, CSS, and JavaScript by hand? Am I just stubborn? Old-fashioned? A glutton for punishment?

Nope. I custom-code because it produces better websites. Here's why.

The Problems with Page Builders

The Speed Problem

Page builders add layers of code on top of code. They have to—that's how they make drag-and-drop work. But all that extra code has a cost: your website gets slower.

A typical Elementor page might load 500KB+ of CSS and JavaScript files just for the builder itself—before any of your actual content. That's like packing a suitcase full of rocks before you add your clothes.

The average WordPress site built with Elementor commonly scores in the 40s to low 60s on mobile PageSpeed in published tests—well below Google's recommended threshold of 90. Sites scoring under 90 on mobile can lose up to 42% of organic traffic according to Google's own data.

The Elementor plugin alone weighs 21.5MB decompressed—that's heavier than the entire WordPress core it runs on (16.5MB).

When I custom-code a site, I write exactly what's needed. Nothing more. The result? Faster load times, better performance scores, happier visitors, and better search rankings.

Real Numbers

My custom-coded sites typically score 90+ on Google PageSpeed. Many page-builder sites struggle to break 50. That's not a small difference—it affects how Google ranks you and whether visitors stick around.

  • Custom-coded site: 90-100 PageSpeed score, loads in under 2 seconds, minimal HTTP requests
  • Typical Elementor site: 50-75 PageSpeed score, loads in 3-5+ seconds, 30-50+ HTTP requests
  • The difference: Faster sites rank higher, convert better, and don't frustrate your visitors

The Control Problem

Page builders give you options—but only the options they've built in. Want something slightly different? Too bad. Work around it. Or give up.

When I write code by hand, there are no limitations. Every pixel is under my control. If you can imagine it, I can build it—exactly the way you want it, not the closest approximation a builder can manage.

This matters especially for unique layouts that don't fit standard templates, custom animations and interactions, precise responsive behavior across devices, accessibility features that builders often skip, and integration with specific tools or APIs.

The Maintenance Problem

Page builders need updates. Lots of them. And sometimes those updates break things.

I've seen it happen: a client's site worked fine on Monday, then Tuesday there's a plugin update, and suddenly half the pages look wrong. Now you're scrambling to fix something that wasn't broken.

The Ownership Problem

If your site is built on Elementor, it's tied to Elementor forever. Want to switch to a different tool? You're essentially rebuilding from scratch. The "content" is locked inside their system.

With custom-coded HTML and CSS, your site is portable. Any developer can work on it. Any platform can host it. You own it completely—not just in theory, but in practice.

The Bloat Problem

Open the code of a page-builder site and you'll see divs nested inside divs nested inside more divs. Classes with names like "elementor-widget-wrap elementor-element-populated." Inline styles everywhere. It's chaos.

But Isn't It Slower to Build?

Yes and no.

For a simple five-page brochure site, a page builder might be faster on the first build. But factor in the time spent fighting with the builder's limitations, optimizing for speed after the fact, and troubleshooting update-related issues... and it often evens out.

For anything custom or complex, custom coding is actually faster. I'm not wrestling with a tool that wasn't designed for what I'm trying to do—I'm just building it.

And over the lifetime of the site? Custom-coded wins easily. Less maintenance, fewer bugs, no plugin dependency hell.

When Page Builders Make Sense

I'm not saying page builders are always wrong. They have their place: quick prototypes or temporary sites, projects where the client needs to make frequent design changes themselves, very tight budgets where speed-of-build is the primary concern, and sites where performance isn't critical. They're also where many small businesses and solo entrepreneurs get their start — and that's a legitimate path I genuinely support. I know my way around a cPanel and a CMS dashboard, and I'll meet you on whichever one you're on.

But for a business that cares about performance, accessibility, longevity, and standing out from the crowd? Custom-coded is the way to go.

It's About Craft

Here's the thing I don't say often enough: I actually enjoy writing code. There's satisfaction in building something clean and efficient, in solving problems elegantly, in creating something that works exactly right.

Page builders feel like assembling furniture from a kit. Custom coding feels like woodworking. Both can produce a chair—but they're not the same thing.

  • Speed: Custom-coded sites load faster and score higher on PageSpeed
  • Control: No limitations—if you can imagine it, I can build it
  • Ownership: Your code is portable and truly yours
  • Longevity: No updates to break things, no plugin dependencies
  • Quality: Clean, semantic code that's better for SEO and accessibility