How To Utilize Page Builders Built-In Optimization Options

How To Utilize Page Builders Built-In Optimization Options

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.

Optimizing Elementor

Elementor is no stranger as a page builder.

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.

These include:

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.

Hello Elementor theme.Hello Elementor is a great choice for a free, lightweight theme.

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.

[…]

 



This article was written by N. Fakes and originally published on WPMU DEV Blog.

Disclosure: Some of the links in this post are "affiliate links." This means if you click on the link and purchase the product, We may receive an affiliate commission.

Leave a Comment

You have to agree to the comment policy.

Scroll to Top