This post is the first of our “Let’s talk about” series. This will be a series of blog posts where we cover WordPress, theme & business related topics and try to provide value by sharing some useful insights.
First of all, let me apologize for the clickbait headline. But hey, this is like the WordPress question of the year, isn’t it? 🙈 Let’s have a quick look at what we’re going to cover in this article.
In this post, we’re going to:
- deep-dive into Page Speed
- learn how decisions are being made for Page Builder Framework
- and find out about the fastest WordPress theme of 2019 (kind of).
Spolier alert: there is no winner.
If you’re only here to find out which one the fastest theme of 2019 is, no worries. Just click here and we’ll take you straight to the results.
Otherwise, let’s get started 🙂
The latest updates for Page Builder Framework & the Premium Add-On include great improvements and performance optimizations. Today, I want to focus more specifically on page speed & how Page Builder Framework performs.
Not everyone knows this, but I’m obsessed with page speed. It’s a passion of mine. I love digging into the code and figure out ways to do things more efficiently.
So, I was running a speed test the other day and thought it was a great idea to run another round of micro-optimization for Page Builder Framework.
Speed Test Results
Let’s start off with a simple speed test.
This is a vanilla WordPress installation with nothing installed but the Page Builder Framework theme. No caching or any additional optimization. The server (VPS) is located in Frankfurt, Germany which is the location I chose before running the Pingdom speed test.
Pretty good, eh?
- 68.6kb page size
- 156ms load time
- and 12 http requests
Page Builder Framework already is one of the fastest WordPress themes on the market.
But hey, there’s always room for improvement, isn’t there?
Yes, there is!
What we could have done
Now, let me tell you what we could have done and why we’ve decided not to do it.
With that, we would have been at around:
- 35kb page size
- and 10 http requests
with no caching whatsoever. Sounds great, doesn’t it?
Why we didn’t do it
The problem is, it isn’t practical. Here’s why:
- We’d no longer be able to make use of the smooth animations that jQuery comes with unless we re-create them ourselves with vanilla JS. Sure, we could have replaced some of it with CSS animations but that wouldn’t have got us exactly where we wanted to be.
In a real-life example, almost every website end up loading jQuery anyway, so why not actually use it to our advantage?
Pretty much the only reason this would have made sense is for the sake of a speed comparison. And to be honest, those comparisons are quite popular.
In other words, could we have re-written the theme using vanilla JS and made it appear more efficient?
Does this now mean Page Builder Framework is slower?
Ab-so-lute-ly not (prove below).
Demystifying Page Speed Comparisons
Speed comparisons are a great marketing tool. You’ve probably seen posts and videos like that before: What’s the fastest WordPress theme of 2019? Let’s look at this from a different angle.
Here’s a great video by Adam Preiser from WP Crafter where he compares Page Builder Framework to other popular WordPress themes on the market. This video is great as it shows the performance of all themes in a real-life scenario and not only on a fresh installation.
As you can see, Page Builder Framework actually came out as the fastest. But just look at how small the differences between the themes actually are.
As Adam said, the conclusion is that “all of these themes pretty much perform exactly the same … no matter what the marketing says”. And that I think sums it up quite nicely in my opinion.
Checking the page speed is great and it always gives you an idea on how fast a theme can be. It’s just that with a fast WordPress theme – that was built with performance in mind – you pretty much can’t go wrong.
With this post, I wanted to give a look behind the scenes & communicate how decisions are being made for Page Builder Framework.
We take performance very seriously and Page Builder Framework follows the – what we call – Framework approach. The theme, with its minimalistic layout doesn’t force you into a specific design. At the same time, it gives you all the customization options to design pretty much every aspect of your website.
Page Builder Framework is built completely modular, meaning, only the things that you’ve configured specifically are being loaded on your website.
Having a fast website includes many factors, and it’s not only about using a fast theme like Page Builder Framework. It’s about hosting, plugins, caching, image optimization and so much more.
We’ve created a quick checklist for you to make sure you are utilizing some of the tools & tricks available to properly optimize your website.
Page Speed Checklist
- Plugins – Go through your plugins and make sure you only have those activated that you actually need and are actively using on your website.
- Hosting – Choose the right host for your website. We are currently hosting our websites with DigitalOcean and we manage the VPS with Serverpilot. Today, we would recommend looking into Runcloud.io. For a more managed and WordPress specific solution I can highly recommend Cloudways & Kinsta.
- Updates – Keep your plugins/themes up to date. We’ve done multiple performance related updates in the past, I’m sure we’re not the only ones 🙂
- Caching – Use a caching plugin. We’re using WP-Rocket at Page Builder Framework.
- PHP Version – Run the latest PHP version on your server.
- HTTP/2 – Make sure your server supports HTTP/2.
- CDN/Cloudflare – Use a CDN to serve your images. Make sure to have a look at Coudflare as well.
- Image Optimization – I’ve compared a ton of image optimization plugins and can highly recommend Optimole, WPCompress & ShortPixel.