We have been working with WordPress for many years now and in our years of endeavor, we think the biggest abomination that has happened in the WordPress ecosystem is the rise of WordPress page builders. We remember the old days when there were no page builders and then came Visual Editor a.k.a WPBakery Page Builder and suddenly in a few years, page builders are everywhere. Many people jumped onto these page builders as they are the holy grail and they still do the same as there are so many page-builder options now.
When we look back it seems Wix and Squarespace were the main contenders who brought the drag-and-drop page builder to the mainstream. Then soon hundreds of page builder plugins for WordPress popped up. But despite all that when we truly look at the main reason behind WordPress page builder being used so much, the reasons seem clear and almost all the blame goes to the people who barely know to program yet claim themselves as WordPress programmers/developers/designers and making people’s website at dirt cheap price using some multipurpose theme and some drag and drop page builders. In the future when these websites needed to scale up, the page builders start to show their limitations and the client has to rebuild their website with proper coding.
Table of Contents 📜
Several Problems with WordPress Page Builders
There are so many problems and issues with page builders that it is impossible to count them all. They are the most disgusting thing in the entire WordPress world and yet so many people are doing a tutorial on YouTube and other places showcasing these page builders while they should be making videos telling people not to use them But then again, they themselves don’t know to program so how they can tell others not to use page builders? Let’s look at some of the problems with WordPress page builders:
Bloat and Garbage Code
The main problem with WordPress page builders is bloat. If you look at the code generated by these page builders you will see so much bloat code being added to the webpage which the web browser needs to parse to show the web page. Also, when any problem happens in the future it becomes really difficult to figure out the exact origin of the problem due to all this bloat and garbage codes.
You will see so much unnecessary classes of HTML child trees being used in these page builders that sometimes it makes us think why. Moreover, as page builders use a generic approach for all, you can’t do conditional loading of scripts and styles. Most of the time, you will see a website using these page builders loading so many styles and scripts on a webpage but most of them are not needed on that page. But the browser needs to parse them all.
Despite these page-builders claiming that they are super-fast and they are going to make your website fly, but they can’t do that in reality. As you start making complex pages with many options, your page is going to become slower and slower.
Impossible to Scale Up
Most of the time people make a website with only the features they need at that point and as their business grows, they start asking for new features on their website. Now on a page-builder-based website, it is almost impossible to do custom programming elements as most of the items are coming from a page-builder element. So, if you wouldn’t have used a page builder you can write some PHP code for that page to do as many custom things as you want. You can run custom query loops for your custom post types, and do as many custom checking and programming as you want to do without any issues if you didn’t use a page-builder and instead just used WordPress native features and best coding practices.
As people make sites using page builders they often overlook how the website looks on a smaller screen. This leads to a really bad-looking website for mobile devices. We have seen so many WordPress websites which look good on a desktop but really bad on mobile devices. This mainly happens due to the nature of customization options in page builders. As most page builders give you option to change the style on the page builder itself, you are not writing custom CSS for those elements and on smaller screens, these elements look really bad.
Sudden Website Breaking
Another problem we have seen with websites using page builders is many times when you update your theme or page builder plugin, suddenly some parts of the web page stop working due to some issue or bug somewhere on your website or in the page builder. But it is so hard to find out where the error actually coming from that you will tear your hair out in order to find it.
Alternatively, if you would have used WordPress native solutions and programming, it would have directly told you where the problems are coming from and the development team can easily fix them instead of spending hours to figure out what is causing the issue.
Due to the lots of dependencies and bloaty code structure often times page builders have some security loopholes. Moreover, due to the fear of breaking websites, many website owners don’t update their themes or page builder plugins which makes those websites even more vulnerable to security threats. We have seen many websites with page builders getting hacked just because the website owner didn’t update the theme and plugins for fear of breaking the website.
What do We Use on Our Projects?
Since WordPress 5.0, the WP core team has made Gutenberg the default WordPress editor which is immensely powerful and super secure. If you know to program or if you are using a good development agency, they can easily make all the custom features you want as a Gutenberg block, which will use the WordPress native elements, without the need for using a plugin and you can do almost anything with Gutenberg.
On all of our web projects, we strictly follow the WordPress coding guidelines and tend to use a hand few plugins as installing a plugin means adding a third-party dependency. Also, to ensure our clients can easily edit the content of their website, we create several Gutenberg blocks so that they can easily use them inside the native WordPress editor.
Using this native approach allows us to do any number of custom programming we want without hampering site load speed or code security. Also, in the future, if any problem happens, it becomes really easy to solve them due to the native approach.
Why Some People Hate Gutenberg?
Honestly, the main reason many people don’t like Gutenberg is that to add a custom block, you need to learn programming and also how to write custom blocks. So, basically, you have to invest time to learn Gutenberg programming. This is what people hate, as they were in their comfort zone for many years using the old TinyMCE editor in WordPress and they don’t want to learn new things as technology changes.
As we have been working with WordPress for many years, we can happily say that Gutenberg is way more powerful and can do almost anything if you know how to code it. Once you learn how to write custom Gutenberg blocks, you are going to love it so much that you will become a Gutenberg lover from a hater. Even now there are many people who build their WordPress websites with the old classic editor instead of embracing the new Gutenberg editor.
We really think that page builders should be abolished from the WordPress ecosystem and people should use Gutenberg more than page builders. But the main responsibility lies on the premium theme authors, if they stop making multi-purpose themes with page builders and the non-technical person stops claiming to be WordPress experts, many WordPress websites can be free from these page-builder shackles. What do you think of WordPress page builders? Let us know in the comment section below.