The reason why I changed from Elementor to Gutenberg | Ep. #10

Hi, my name is Phillip Stemann, and I’ll be learning you how to succeed with your website. If you are using WordPress, you are probably familiar with Elementor and Gutenberg and not all say that you can compare them. However, they can be compared to some extent, I have used Elementor up to recently and I have been fantastic, happy for it. It’s a great tool. It’s so easy to design your website and do so many different things without doing any line of code.

It’s fantastic. You can build an entire website from a header to a footer, different page designs and all you have to do is drag and drop and click some buttons and change some colours and then you’re good to go. Furthermore, you can add global colours and fonts so you don’t have to needle pickle that into the different pages. Elementor one hundred percent take care of that. And furthermore, they have a ton of add-ons not developed by themselves but other plugin developers.

And this can be both a good and a bad thing because Elementor by default comes with a lot of different components like table of contents, image components, basic text components and more. But a lot of developers have seen different holes in Elementor and further by this they have developed those things they thought was missing in Elementor like integrations to different things like Twitter, Facebook and so on. The problem here becomes that for you to achieve full functionality of a website, you need add-ons to Elementor, and these add-ons are not so optimised to run on web servers that doesn’t have a lot of resources.

Download Elementor

Elementor is the most used website builder for WordPress, and there is a reason why. It’s so simple to build a beautiful website using Elementor, but be aware of your loading times.

This means that when you’re done building your website, then the code that is compiled that needs to be run on the server is just too big. And this affects your SEO rankings. It affects your overall page experience and this is not good. So one of the reasons why I changed to Gutenberg was this. I was working on my Google PageSpeed and I just couldn’t score higher than 44 with Elementor. Now don’t get me wrong, you can score one hundred with Elementor if you have powerful servers, but that also comes with a price.

So as mentioned earlier, I know Gutenberg and Elementor is not exactly the same because Elementor is a website builder, whereas Gutenberg is a page builder. You cannot build an entire website just with Gutenberg. However, there are plugins like Qubely where you can build an entire website just using Gutenberg. Gutenberg is basically a classic editor on steroids. It has a lot of features, but it also is meant to be used for standard features like making text bold, making lists, whether it’s numbered list or normal lists.

It doesn’t have components like table of contents, which today is super important within SEO for you to break down your content and makes it easy for your reader to find exactly what the reader is looking for. So in some extent, Gutenberg limited. But the good thing about Gutenberg is that it takes no space compared to Elementor. Gutenberg is built in with the newest versions of WordPress, and I must say I’ve tried to change a lot of times, but I have just been missing all the different elements.

Download Qubely

Qubely transforms Gutenberg into a website builder, it’s as close to Elementor you get with Gutenberg. They develop their plugin fast and steady, you should check it out.

But recently I took the change and I changed it to Gutenberg. And now if you check out my website on Google PageSpeed, you can see the scores between 95 and 100 on the computer of course, it’s 100 every time on the phone I have some minor things where I load some CSS I don’t use, but this is all tank to Gutenberg.

Newsletter section

Software reviews each week

Join 700+ other subscribers and get a marketing tool review and an actionable marketing tip every week.

The problem I had with Elementor was as mentioned earlier when I saved a page, there was just too much code. So when the page was loaded, there was too much code to be loaded and this affected my loading time, it affected my SEO rankings and of course my Google PageSpeed. But by changing to Gutenberg, I got rid of all that extra code and now it’s very, very simple, down to absolutely nothing. However, you need to know that if you change to Gutenberg, you need to have some technical skills if you want to do changes in your theme, unless you install a plugin like Qubely.

So just to sum up, Elementor is a great page builder, but if you want to achieve fast loading times with Elementor, you need to have a very powerful server. Whereas Gutenberg is built in, in WordPress and it works fantastic, loads fast and is easy to use, but you can not only with Gutenberg, build an entire website. So that’s been it. Thank you for listening. Remember, consistency is key to success. Let’s catch up on the next one.

Phillip Stemann
Phillip Stemann
I have been in the software industry for 10+ years, and I’ve gathered a ton of experience I’m sharing with you. I test out tools each week and share my findings with you, for you to easily choose the right software for your needs. I have so far reviews many types of software and even built software myself, it’s a huge passion for me.