Watch this video to see a comparison of Oxygen, Divi, Elementor, and Beaver Builder in terms of CSS & JS bloat loaded on the frontend and cleanliness of HTML output.
First, a little backstory...
Every time we run ads for Oxygen on Facebook, so-called "real" developers always comment on the ads saying "I would never use a visual builder because the code output is garbage."
Yes, we know. That's one reason we built Oxygen.
So we wanted to publish a comparison showing Oxygen's clean code and lack of bloat vs Elementor vs Beaver Builder vs Divi's disgustingly horrible code output and bloat.
In this test, we set up a blank page using just a heading and a button using:
- Beaver Builder + Themer + Beaver Builder Theme
- Elementor + Elementor Pro
To make the test as fair as possible, we entirely disabled Google Fonts. We also don't count jQuery or blame the other builders for bloat loaded by WordPress by default (such as WP emojis or Gutenberg styles), even though much of the default WP bloat can be disabled in Oxygen's bloat eliminator feature.
If you want to speed up your website so it loads faster, watch our ultimate guide on optimizing a WordPress website for fast load times in 2019. This video contains real-world practical advice to identify what is slowing your website down and eliminate it, and will work for you even if you didn't build your website with Oxygen.