Creating a website that loads fast, looks sharp, and runs smoothly doesn’t have to cost a fortune. In fact, with the right tools and a smart setup, you can achieve top-tier performance while keeping your overhead low. I know because I’ve done it — and I’ll walk you through exactly how.
Whether you’re a freelancer building for yourself, an agency serving clients, or just someone who wants a personal site that doesn’t lag behind, this setup hits the sweet spot between affordability, flexibility, and real-world performance.
Let’s break down the approach, tools, and reasoning behind each decision, starting with the hosting and going all the way to front-end design choices.
1. Hosting: SiteGround GoGeek Plan
Why SiteGround?
I’ve tested my share of hosting platforms. For the price and the speed you get, SiteGround’s GoGeek shared hosting plan is hard to beat. It offers:
- Solid server response times (TTFB is consistently under 150ms)
- Built-in caching with SiteGround Optimizer
- Great uptime and support
- Staging environments with a few clicks
Why GoGeek and not a VPS or cloud server?
Because shared doesn’t have to mean slow — not when it’s set up right. With GoGeek, you get just enough server resources to run high-performing sites, without the stress or cost of managing your own server stack. For a lean site that’s built well, it performs like a VPS.
2. Theme: Kadence Pro
Lightweight, powerful, and modern.
Kadence Pro is hands-down one of the fastest WordPress themes available today. Even out of the box, it scores well in speed tests. Here’s why it’s a key part of my stack:
- Modern codebase (no jQuery reliance for basic theme functions)
- Tight integration with Gutenberg and other block plugins
- Header/footer builder that doesn’t feel clunky
- Global color palette, typography controls, and layout settings
I use Kadence for the core layout and structure of the site. It handles the global styles and ensures the site stays fast, even with some heavier page builder elements added later.
3. Page Builder: Elementor Pro (Selective Use)
Yes, I still use Elementor Pro — but carefully.
Instead of building the entire site with Elementor, I use it where it shines:
- Modals and popups with animation
- Custom blog post templates and callouts
- Dynamic layouts with JetEngine or ACF
This keeps bloat down. Kadence handles the foundation. Elementor enhances the polish. It’s a win-win.
Elementor’s popups are especially useful because they auto-close off-canvas mobile menus when triggered. That little detail alone made it a better choice than trying to fight z-index bugs with Kadence modals.
4. CDN + Security: Cloudflare (Free Plan)
Cloudflare takes care of:
- Caching static assets across the globe
- Fast DNS resolution
- Free SSL
- Layer of security for bots, DDoS, and bad traffic
The best part? My Time to First Byte (TTFB) stays consistently under 100-150ms on global tests. That tells me Cloudflare is doing its job, and requests are being served from the nearest edge server.
I also use page rules and caching settings to fine-tune which pages should stay dynamic (like forms or dashboards) and which should be served as static.
5. Fonts: Locally Hosted, Preloaded
I avoid external font services like Google Fonts and instead host my fonts locally.
- No third-party requests
- Full control over loading behavior
- Preloading via <link rel=”preload”> to improve FCP and CLS
I use Museo Sans for headings and Source Serif for body text. It’s a clean, readable pairing that keeps visual clarity high without overwhelming the layout.
6. Page Weight and Requests
One of the biggest speed wins is just keeping things lean:
- Under 600KB total page weight
- Less than 35 HTTP requests per page
- No overuse of animations or loaders
- SVG icons instead of heavy icon libraries
This setup loads fast even on slower mobile connections, without the need for AMP or stripped-down content versions.
7. Optimization Plugins
I keep the plugin list short and purposeful:
- SiteGround Optimizer — handles caching, image compression, and lazy loading
- Asset Cleanup — unloads unused scripts on specific pages
- Perfmatters (optional) — for even more granular tweaks
These tools are used not to patch poor performance, but to enhance an already optimized setup.
8. Visual Builder Plugins
Where needed, I enhance functionality with:
- JetEngine — for dynamic content (CPTs, custom fields, listing grids)
- JetPopup or Elementor Popups — for CTAs and forms
- Rank Math SEO — for structured data and on-page SEO
Everything gets tested to ensure minimal performance hit. If it’s too heavy, it doesn’t stay.
9. Real-World Results
Here’s a real WebPageTest result from the live site:
- First Byte: 100ms
- Start Render: 0.9s
- Largest Contentful Paint: 1.3s
- Total Load Time: 1.9s
- Page Size: 550KB
- CLS: 0
That’s without AMP, without cutting out design elements, and running on shared hosting.
These results prove that with careful planning, modern tools, and a developer mindset, you can get enterprise-level performance from an affordable stack.
10. Why This Setup Matters
I didn’t just build this site to showcase my portfolio. I built it to showcase my approach.
- Thoughtful strategy
- Smart choices based on real-world needs
- No unnecessary complexity
This setup shows potential clients and agencies what’s possible when experience meets execution. And it works for them, too. Many of my client builds now use the same core approach, tweaked for their specific needs.
Final Thoughts
I’ve been building websites for over 25 years. I’ve seen tools come and go, trends rise and fall, and page builders evolve from bloated messes into sleek, usable platforms.
What hasn’t changed is the need for:
- Fast load times
- Easy editing for the client
- Clean, professional design
- Affordable maintenance
This setup hits all of those marks.
If you’re looking to build something similar — or you want a partner who knows how to balance design, performance, and budget — I’d love to talk.
