Did you know popular page builders like Elementor, WPBakery, and Divi come equipped with optimization options right out of the box? Read on to learn how you can maximize these little-known settings.
If possible, it’s always best to optimize your page builder’s theme first. This creates an excellent foundation for other optimization methods, like using performance plugins and a great managed WordPress host.
In this post we’re looking at some simple optimization techniques that can be employed straight from three popular page builders’ admins.
I’ll then give you several tips across the board that will further help optimize your WordPress site for speed and performance.
Here’s exactly what we’ll be covering if you want to skip ahead:
By the end you’ll have a great understanding of what optimization capabilities are (and aren’t) available for each page builder — and how to implement them!
Kicking things off with Elementor.
Elementor is the crowd favorite page builder (over 5+ million users), and it comes with several optimization options you can customize, along with some general tips.
Let’s take a look at them in more detail.
Using a Lightweight Theme
Lightweight themes can generate a 50% or more reduction in page load times, in some cases.
This rings true for all of the page builders we’ll be looking at: the lighter the theme, the better.
Some good free choices for Elementor include Hello Elementor, Astra, and OceanWP. All can be found on wp.org.
Whatever lightweight theme you choose, be sure it works well for your WordPress site design and with Elementor in mind.
Optimized DOM Output
Optimized DOM Output is an experiment Elementor is doing to improve performance by decreasing the number of wrapper elements in the HTML that Elementor generates.
This was established starting with Elementor 3.0 to boost speed and performance. Removing wrapper elements from the DOM adds to more simplified code output, better readability, and less complexity.
Currently, it’s only available for new sites since it’s in experimental mode.
In the Elementor dashboard, go to Settings>Experiments>Optimized DOM Output. Then select Active from the dropdown menu and Save Changes.