Table of Contents

Trying to decide between Elementor and WPBakery page builder? In this guide, we’re answering the crucial question: which one will get you a faster WordPress site? 

They both come with an intuitive drag-and-drop interface that empowers developers and designers, allowing them to build WordPress pages in minutes. But where do they stand in terms of speed and performance?

WPBakery page builder (better known as Visual Composer) is now 10 years old! Its success is partly due to its bundling strategy: many popular premium themes have been integrating WPBakery into their demos since 2011. That was one of the first page builders to be on the market. 

Elementor has been a massive hit since its release in 2016, with over 5 million+ active installations. The success came a bit later, but it now became the first used page builder on WordPress. 

Elementor and WPBakery are both very popular options for web design and customization: you won’t go wrong with either builder. However, can we say the same for their performance? 

Let’s run a few tests to see which page builder is faster. This should help you with your next project. 

📝 Things to know about the two WPBakery products:

WPBakery Page Builder (2011): control the inside of your page. It’s the new name given to the page builder – formerly known as Visual Composer. (We use this one in our performance audit.)

Visual Composer Website Builder (2017): ReactJS based application that allows you to design a complete website, including headers, footers, and sidebars. It’s more like a website builder that you can compare to Elementor Pro.

How We’ll Test Elementor and WPBakery Page Builder Performance

To test Elementor vs WPBakery performance, we’ll run three separate speed tests for the page builders with the following settings:

  • The theme used: Twenty Twenty-One theme 
  • Page builders tested: Elementor and WPBakery
  • Performance Tools: Google PageSpeed Insight and WebPageTest

There will be three scenarios:

⏱️ Scenario #1: We’ll just test the speed without any content coming from the page builder – the theme, no page builder, no WP Rocket.

⏱️ Scenario #2: On the same website, we’ll build a simple page with each builder and compare the performance results. For the sake of equality, I’ll use the equivalent module and widgets on each builder. The homepage templates are coming from Elementor and WPBakery libraries. To try to keep things as fair as possible, here’s what I’ll add:

  •  A hero header with a background image (Elementor image is 150 KB)
  • A hero header with an image for WP Bakery (WP Bakery image is 152 KB) 
  • 4 small images testimonials with Elementor (4 KB per images) 
  • 2 small images testimonials with the WPBakery Page Builder (4KB per images – they are the same on both builders)
  • An embedded YouTube video 
  • A text and icon section
  • Button / call-to-action
  • Testimonial from dummy clients
  • FAQ Accordion 
  • One random module according to what’s available in the builder

⏱️ Scenario #3: we’ll measure performance upon activation of the WP Rocket cache plugin. This will give you an idea of what kind of performance optimization you can expect if you’re using a plugin like WP Rocket.

To provide a great user experience in the long term, you should always assess the speed of your website. Let’s see which KPI we are going to measure in our performance audit:  

  1. Overall performance grade 
  2. Fully loaded time of the homepage 
  3. Total page size
  4. The Lighthouse performance metrics, namely:
  • The Core Web Vitals scores (Largest Contentful Paint, Cumulative Layout Shift, First Input Delay)
  • Speed Index, Time to Interactive, Total Blocking Time, First Contentful Paint.
Important note regarding First Input Delay: FID requires a real user and thus cannot be measured in the lab. For our audit, we are using a brand new test site that does not have any data coming from real users yet. In our case, we won’t be able to measure FID but the Total Blocking Time (TBT) which is a lab-measurable metric correlates well with FID. Therefore, any optimizations that improve TBT, should also improve FID for your users.

🚀 We did the heavy lifting for you, but if you are interested in running your own audit, follow our complete guide about testing your WordPress site and measuring speed results.  

Elementor vs WPBakery Speed Test Results

You’re a marketer, developer, or web professional, and you have to make tough decisions on the fly. What’s the fastest page builder? Which one is worth investing in? Well, if you want to know which of these two plugins will save you time while not slowing your site down, stay with us!

Let’s get to the data!

Scenario #1 – No Page Builders and no WP Rocket

A page by default from the Twenty Twenty-One theme
A page by default from the Twenty Twenty-One theme

Here’s the data using the default WordPress theme 2021 (no page builder – no WP Rocket). 

KPI Score
Overall Performance Grade (PSI)99
Page Size250 kb
HTTP Requests9
Fully Loaded Time of the Homepage737 ms
Largest Contentful Paint0,7 s
First Contentful Paint0,6 s
Cumulative Layout Shift0 ms
Speed Index0,9 s
Time to Interactive0,6 ms
Total Blocking Time0 ms

My website is pretty fast – which makes sense seeing as there is almost no content on it. Now let’s spice up things by building an actual homepage with page builders.

⏱️ Scenario #2: Content with Page Builders – No WP Rocket

Here are the new performance results when we build a similar homepage using both WordPress page builders plus a template chosen from the library.  

Page built with ElementorPage built with WPBakery

⏱️  Elementor Performance Results:

KPI Score
Overall Performance Grade (PSI)62
Page Size2,287 KB
HTTP Requests19
Fully Loaded Time of the Homepage3.2 s
Largest Contentful Paint2.8 s
First Contentful Paint2.3 s
Cumulative Layout Shift0
Speed Index6.2 s
Time to Interactive3.9 s
Total Blocking Time120 ms

My website has become slightly slower after publishing the homepage built with Elementor — that was predictable as we added some content to the page. My indicators are now leaning toward the orange and red colors:

Performance results with the homepage built with Elementor - Source: PSI
Performance results with the homepage built with Elementor – Source: PSI

Elementor page builder has impacted my overall performance and turned my FCP, SI, and LCP metrics to the red area. TBT and CLS remain stable, though, which is encouraging for visual completion and stability. 

⏱️ WPBakery Performance Results:

KPI Score
Overall Performance Grade (PSI)58
Page Size2,040 KB
HTTP Requests20
Fully Loaded Time of the Homepage4.9 s
Largest Contentful Paint2.5 s
First Contentful Paint2 s
Cumulative Layout Shift0.434
Speed Index4.8 s
Time to Interactive2.2 s
Total Blocking Time10 ms

Globally, my website has become slower after building the homepage with WPBakery, and again, I am in the orange zone (58/100). Although the KPIs are not too bad, my homepage’s loading time remains pretty high (4.9 s from

On the bright side, we got two green scores in PSI, but unfortunately, the four other Lighthouse metrics are in red: 

Performance results with the homepage built with WPBakery - Source: PSI

Performance results with the homepage built with WPBakery – Source: PSI

Let’s finally complete our comparison of Elementor and WPBakery. 

⏱️ Elementor vs WPBakery – Performance Results:

ElementorWP Bakery
Overall Performance Grade (PSI)6258
Page Size2,287 KB2,040 KB
HTTP Requests1920
Fully Loaded Time of the Homepage3.2 s4.027 s
Largest Contentful Paint2.8 s2.5 s
First Contentful Paint2.3 s2 s
Cumulative Layout Shift00.434
Speed Index6.2 s4.8 s
Time to Interactive3.9 s2.2 s
Total Blocking Time120 ms10 ms

There are a few areas where WP Bakery has the upper hand over Elementor, but overall, we would give the edge to Elementor for its superior performance grade. 

A good thing about using an automated website creator like Elementor or WPBakery is how much time and effort gets cut from building something yourself — all without sacrificing quality either! It’s true, sometimes we don’t have the energy, the time, or expertise to design a website from scratch, and this is precisely where page builders come in handy… 

The thing is, to create attractive ready-to-use templates or demos, developers need to use quite a lot of CSS and JS. All these files can surcharge your site and increase loading times, as we’ve seen in our previous analysis. 

Thankfully, WP Rocket optimizes your website built with Elementor or WPBakery, so it doesn’t take hours before anyone gets on your webpage. 

It’s time to see the positive impact of WP Rocket on performance. 

🚀 Scenario #3 Elementor vs WP Bakery with WP Rocket

After building a page with both page builders, our performance scores are moved to the orange zone of PSI. Furthermore, a quick look at the Opportunities/Diagnostics sections shows room for improvement when using Elementor and WPBakery. The numbers are different, but in the end, PSI gives the same recommendations for both page builders. 

Opportunity and Diagnostics section with Elementor Homepage - Source: PSI
Opportunity and Diagnostics section with Elementor Homepage – Source: PSI

Don’t panic! Google PageSpeed Insights is sharing some recommendations you can use to improve your Lighthouse performance score and make your website faster. 

Anything going towards file optimizations, implementing lazy load on images, and eliminating render-blocking resources will improve the performance. (Does that ring a bell? it sounds just like the WP Rocket features!)

To earn a green performance rating, Google recommends you follow the techniques below: 

  • Use an efficient caching policy: a long cache lifetime can speed up repeat visits to your page. 
  • Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles (to eliminate render-blocking resources)
  • Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content (reduce unused JavaScript and CSS)
  • Text-based resources should be served with compression (gzip, deflate, or brotli) to minimize total network bytes.
  • Pre-load web font to ensure text remains visible during webfont load

Those five key solutions are implemented (almost) automatically by WP Rocket. All you need to do is to tweak a few options in your WordPress dashboards. We’ll show you how a little bit later. 

Now it’s time to activate WP Rocket to see if all the issues mentioned above are gone. Ready?

 Let’s take a look at the scenario with WP Rocket:

Elementor – With WP Rocket 🚀

Elementor🚀 Elementor  + WP Rocket
Overall Performance Grade (PSI)6293
Page Size2,287 KB859 KB
HTTP Requests1914
Fully Loaded Time of the Homepage3.2 s1.792 s
Largest Contentful Paint2.8 s1.5 s
First Contentful Paint2.3 s1.1 s
Cumulative Layout Shift0 s0 s
Speed Index6.2 s1.1 s
Time to Interactive3.9 s1.1 s
Total Blocking Time120 ms0 ms

Overall, our website is faster with WP Rocket. All the KPI’s have significantly improved, and the overall performance grade is now in the green: 

My new KPIs with Elementor and WP Rocket - Source: PSI
My new KPIs with Elementor and WP Rocket – Source: PSI

WPBakery – With WP Rocket 🚀

WPBakery🚀  WPBakery  + WP Rocket
Overall Performance Grade (PSI)5891
Page Size2,040 KB979 KB
HTTP Requests2015
Fully Loaded Time oFully Loaded Time of the Homepage4.027 s1.9 s
Largest Contentful Paint2.5 s1.5 s
First Contentful Paint2 s0,9 s
Cumulative Layout Shift0.4340,038 s
Speed Index4.8 s1.9 s
Time to Interactive2.2 s1.1 s
Total Blocking Time10 ms0 ms

The same conclusion here: my performance grade is now in the Green! WP Rocket did a great job here. I have no red KPIs anymore. They are either green or orange (SI and LCP), which is encouraging. The load time of my page went from 4 s to 1.9 s, and my page size went from 2,040 KB to 979 KB. 

My new KPIs with WPBakery and WP Rocket - Source: PSI
My new KPIs with WPBakery and WP Rocket – Source: PSI

Elementor vs WP Bakery: Which is Better for Performance?

After comparing the performance of these two WordPress plugins, we found that Elementor was slightly faster than WPBakery.

We also learned that WP Rocket can really do some magic to speed up your site, improve your Core Web Vitals and even reduce the Total Blocking Time to zero — no matter which page builder you’re using!

The data speaks for itself. Have a look at our table below: 

WPBakeryElementor🚀  WPBakery  + WP Rocket🚀  Elementor  + WP Rocket
Overall Performance Grade (PSI)58629193
Page Size2,040 KB2,287 KB979 KB859 KB
HTTP Requests20191514
Fully Loaded Time of the Homepage4.027 s3.2 s1.9 s1.792 s
LCP2.5 s2.8 s1.5 s1.5 s
FCP2 s2.3 s0,9 s1.1 s
CLS0.4340 s0,038 s0 s
SI4.8 s6.2 s1.9 s1.1 s
TTI2.2 s3.9 s1.1 s1.1 s
TBT10 ms120 ms0 ms0 ms

Speeding up Elementor and WPBakery with WP Rocket

I guess you are interested to know which of the WP Rocket’s options I have activated to get a green score and expand my “passed audits” list. 

My “passed audits” list significantly longer with WP Rocket activated

My “passed audits” list significantly longer with WP Rocket activated

Here you go: let me share with you the four options I used in WP Rocket to make my website faster (for both Elementor and WPBakery): 

  • File Optimization Tab – Minify CSS, Combine CSS, and Optimize CSS delivery — that’s the Remove Unused CSS feature (or, if it doesn’t work for you, the Load CSS asynchronously option):
File Optimization tab CSS Files - WP Rocket
File Optimization tab CSS Files – WP Rocket
  • File Optimization Tab – Minify JS, Combine JS files, Load JS deferred, and Delay JS (which also allowed me to remove/reduce unused JS): 
File Optimization tab JS Files - WP Rocket
File Optimization tab JS Files – WP Rocket
Delay JS - WP Rocket
Delay JS – WP Rocket
  • Media Tab – Enable LazyLoad on images and videos; that was helpful for the YouTube video located in the header:
Lazy Load feature - WP Rocket
Lazy Load feature – WP Rocket
  • Preload Tab – Enable Preload Cache and Preload Fonts:
Preload Cache - WP Rocket
Preload Cache – WP Rocket
Preload Fonts - WP Rocket
Preload Fonts – WP Rocket

Wrapping Up & Conclusion on the Performance Comparison

In conclusion, Elementor’s overall performance grade is slightly better than WPBakery. They both come with powerful design options that allow you to build a website in a couple of hours. In terms of user-friendliness, I’m leaning toward Elementor. I’ve found it easier to build my structure and style each element of my page using Elementor, but that’s a personal feeling. I encourage you to test both so you can get your own opinion. 

To maintain a good performance score while using a page builder, make sure to use one of the lightweight WordPress themes from our list

Finally, no matter if you’re using Elementor or WP Bakery, make sure to boost your site’s performance with WP Rocket. As you saw in the audit above, WP Rocket can make a huge improvement and help you achieve 90%+ scores in Lighthouse. 

If you have any questions about how the performance audit works or what type of improvements you can expect from using WPRocket, just ask us!

Comments (2)

Really nice and detailed text :)

WOW!!! that's a great comparison.

Latest Articles of Themes & Plugins
Subscribe to Our Newsletter

Stay in the loop with the latest WordPress and web performance updates.
Straight to your inbox every two weeks.

Get a Faster Website
in a Few Clicks

Setup Takes 3 Minutes Flat
Get WP Rocket Now