128: I Checked Out Oxygen Builder & The Results Were Surprising
Listen weekly, share your latest projects with me on Instagram and you could win free access to my Divi Foundation Course.
In this episode, I dive into the results from my latest website build for my new website keeganlanier.com. I took a chance, built the entire site using the Oxygen builder and I’m here to talk about the speed results. I was not expecting to see the results I got. Listen to the episode to hear the numbers and see if Oxygen builder might be right for your next project or if you should stay away.
- Follow me & share your work with me > https://instagram.com/keeganlanier
In today’s episode, we’re going way out on a limb, you know it, you’ve always heard it. We’ve been all about Divi since day one. And we still are. That doesn’t mean we don’t play around. And today we’re talking about a builder that is putting up some really high benchmarks. And we want to tell you about it.
What’s up everybody? Welcome to another episode of The Addicted to WordPress podcast today. You know in the intro, we mentioned it. We’re playing around a little bit here and we’re going on going out on a limb we’re trying something new. And I wanted to share the results with you. So we’ve talked about the remodels or the rebrand of a couple times here on the on the podcast, something I’m super excited about, I’m really excited to rebrand the agency and to Redefine Creative. That website is now live and it’s going to continue to be cleaned up and a lot of the new posts and things like that. But I’ve also put out the like version one of Keegan Lanier.com. And that’s where this podcast that’s where the episodes are going to live. And for the past five years, I’ve built websites with nothing but Divi a couple of one off things where I’ve jumped into other builders to help people out, you know, things like Element or I’ve done that, really those are the only two. And about a year and a half ago, I purchased Oxygen Builder. And I played around with a little bit and it was still a little bit lacking and needed a few more things.
Well, those things have kind of come around. And the repeater functionality they have in there allows for some custom blog posts and the new things, they just added a really cool, basically these custom coded by the oxygen team versions of layouts. And they’re they’re super cool. They’ve got a great library, not nearly as diverse or as big as as Elegant Themes in the Divi in that team. But if I’m honest, I’m not super hot on the layouts that Elegant Themes does, mainly because they use background gradients to throw things off and break the grid. And it’s overly stylized and honestly none of them, or real strong for conversion. They’re just pretty designs. And that’s not a slim one. Elegant Themes. I think what they’re doing is really, really cool. I just wish that they would build some more practical layouts into their into their library. They’re all beautiful. They just don’t always look like normal websites, which is what a lot of people are used to, and they know how to how to work. So I digress a little bit. And that’s that’s a little off topic.
But I did want to talk about, you know, really diving into some of these Google scores, I went to PageSpeed Insights and ran the new Keegan Lanier.com through this. And, you know, with very little tweaking, I was pretty impressed with the results. And then I added in WP rocket, played around with a few of the the settings inside of WP rocket and was really impressed, went back to my host and got the new format for videos, or Yeah, it’s WebP, I got all that added in. And once that was happening, once all that was in place and the images were optimized, the numbers that I got, are some I’ve never seen or never been able to personally achieve with Divi. And that’s a 98 score on desktop. The first content paint is point eight seconds, it’s also point eight second time to interact. Largest content full paint is point nine seconds. So my entire front page loads loads in less than a second. And that’s with a few render blocking resources that are still in place, which are some CSS and jQuery. And then there’s initial server response a point five, six seconds, which that’s all because of those render blocking resources. So if I can figure and tweak those out, I can get this thing even less.
And then when I go over to mobile, it loads in less than three seconds. So I’ve got some mobile optimization that I could do. I believe that’s because I haven’t optimized the CSS and the jQuery inside of WP rocket. But even then, it’s point three of a second for jQuery that’s not being used. point one five seconds for properly sized images. I’ve got one image that could be could be improved, I guess optimized. And I’m really happy with an 88 overall score here on on mobile. If I can get two more points. I can get it this thing into the green, it’ll make a significant difference in the load is just so quick. And when I go to this website, you know, when I check out my website, it’s, it’s just, it’s unbelievable to me how snappy it is. And that’s has a lot to do with the fact that if you look through videos and the way that Oxygen loads its resources, it only loads libraries and things that are necessary for the content that’s on the individual page. That’s a little bit different than the way Divi handles things. Divi handles them in a much, much, much different way. And they load basically everything hoping, or I guess, in the event that you might have have to put certain things on a page, so they just load everything in the beginning, which does absolutely. It does absolutely increase the load times, it increases the resources, it has to be loaded unnecessarily. It loads all CSS, not just what’s used on the page. So one thing I do love about Oxygen is that it’s, it’s a little bit more of a developer friendly, whereas there’s no doubt about it. Divi is, without a doubt, an excellent design tool. And it’s good developer friendly as well. But what it doesn’t have is a Flexbox built in CSS Grid, not natively built in you can there are workarounds, of course. But with oxygen, you’ve got flexibility in and it’s very easy. You’ve got a CSS Grid. And the user interface is really easy to go through and make these layouts, there’s some really, really cool presets for their, their grid posts or their their blog post grid. Very, very cool layouts, a very practical. And if you put your spin on top of that, you know, with your little touch of design, you can do some really cool things in a website that loads incredibly fast, like blazing fast.
And so I really wanted to share that with you mainly because it is not an expensive builder. You know, you can get Divi for $249. And we’ll go to the website real quick. Just to see making sure that I have the latest and greatest numbers. Yes, so a lifetime access to Divi $249. And that’ll get you everything was Divi the plugins bloom all of that forever, right. Now, if you want the basic version of oxygen builder, it’s a one time fee of $99. When I got in with Oxygen, it was $99. I paid $100 once. And that was it. I wanted it and that’s that’s how I did it. They also have oxygen lifetime plus WooCommerce integration. If you go that route, that’s 149 one time. WooCommerce it was lifetime for everything they did no matter what whenever I signed up was very early on. It does not include the Gutenberg block builder and no Edit Mode. And let’s see what Edit Mode is there client control role manager and things like that. So that’s 149 a month. I mean, I’m sorry for a year. And then they’ve got the agency plan, which is Oxygen lifetime unlimited. It includes WooCommerce. It includes the Gutenberg block builder, and it has the edit mode. And because I bought it so long ago, it comes with a composite elements, which are the things I was talking about a second ago. icon buttons, auto table of contents, number counters in image comparison, dynamic sliders, flip box, those things are $29 yearly, if you wanted to add it on now. And that’s basically where they go, the team that Oxygen Builder team goes in and custom codes these things out of multiple elements built into oxygen. So you can still create these things. They’re just not going to be so easily repeatable because it’s not built in to the Oxygen Builder which the old one it is. But currently $169. So what’s that $80 $80 less than Divi, you can get the same thing minus some of those there’s additional plugins that you don’t get and and some of the other layouts, but there are layouts that do come with it. I think there’s somewhere in the ballpark of 25 layouts. And ultimate Divi I mean Ultimate Oxygen. The agency plan is really really good. If you think you like if you’re a designer and you think in code where you’re building sections and inside of those sections, you create divs and you can make those layouts but they’re all based on on divs. That’s how this works. So you can create a div and put divs inside of divs to create additional like in Divi they have rows And you’re limited by some of that grid. Whereas in an Oxygen, you’re really free because of how Flexbox and CSS Grid work, you can do a whole lot more if you’re in tune with those things, if you know how to control divs, how to create wrapping with flex, and how to set up the CSS Grid.
If you’re trying to do these equal boxes, and do repeaters if you want to create custom blog post listings and things like that, and you can go over to Keegan Lanier.com. I’ll link it up in the show notes, check out the site, I mean, it’s very basic. But I did create all of that inside of oxygen builder. So you’ll get an idea of how quickly at loads, there’s just a few pages, and I’ll be continually adding in the different posts and different types. So currently, I’m going to build out a YouTube section where all of the videos that I post to YouTube will also be posted a website. And then I will have my podcast which comes in automatically. So as soon as these posts, it’s going to copy over to my website where we’ll tighten things up and then post those as well. So they’ll live on the website, as well as out in the world on all the podcast channels. And then there’s just going to be a blog section. And all of those are individual custom post types. And then ACF or advanced custom fields is what I’m using to populate the templates are built with oxygen. So it’s really easy to to create new content, it’s really scalable. And it just loads unbelievably fast.
So I wanted to share this with you because as we continue to, I guess expand what I’m doing here on this podcast, as we shift from you know what it was with Divi addicts where we tried to talk about WordPress, business and or Divi as a whole. We’re going to be talking about other things here. And we’ll be talking more about Oxygen Builder, I will probably even be talking about element or I will continue to talk about Divi. So don’t think that’s going anywhere. Divi will always have a special place in the heart, mainly because of the community. And the product that they build is just something that’s helped me It’s literally changed my life. So it’ll always be my first love. But I did want to share these results with you because it’s as we continue to do new things and new products come out. And we’re always trying to stay on top of that, no, I’m always trying to stay on top of that. I think it’s important for me to let you know what’s out there so that you can make the best choice for yourself.
All right and so that’s really the extent of what I have to talk about with Oxygen Builder. But there is something else. We teach this in the description of this video. And it’s really, really big. Each week, we’re going to do something a little bit different here. Each week, I’ve got a call to action. And I’m going to ask that you go over to Instagram. Follow me at Keegan Lanier we’ll link that up in the show notes as well. And direct message me direct message me with your best project or your latest project. I want to see the details of the project, I would love to check out the site and be able to go critique it and maybe give you some feedback or just say hey, freakin virtual high five, awesome job. And the whole idea behind that is that we can continue to grow this, I want to connect with you, I want to see what you’re working on. But there’s something you get in return. If you send me a direct message, I will be taking those names, throwing them in a randomizer. And on the following week for this podcast, when I post the next episode, I’m going to pick someone from the week before, and that person is going to win free access to the Divi foundation course in my Academy. So I hope that gives you a little bit of a drive to go to listen to the podcast, jump into Instagram, follow me and send me the stuff that you’re working on, share it, because I really want to see it. I want to know what you’re working on. And I want to be a part of that process. And that’ll give you a chance to win access to my course. So have an amazing day. Stay safe out there. treat those around you with kindness and work your face off. Can’t wait for the next episode of addicted to WordPress. We’ll see you again in a week. Have an awesome, awesome week.