isotropic-2022
Share
Blog
Search
Menu

Oxygen Builder Backend Loading Time Test

By James LePage
 on November 3, 2021
Last modified on January 7th, 2022

Oxygen Builder Backend Loading Time Test

By James LePage
 on November 3, 2021
Last modified on January 7th, 2022

This article is going to take a look at the backend loading time of Oxygen Builder. Many people say this as a major downside of this WordPress PageBuilder, so we decided to test it out on several different devices. Let's see what was discovered.

Space Shuttle Columbia launches from the Kennedy Space Center

First, we will compare different browsers on the same device. Then, we will compare different devices using the same browser. This should allow us to identify not only which devices load Oxygen Builder the fastest, but also which browsers are best for this task.

We will be excluding testing different hosting set ups as that adds a ton of complexity to this comparison. Also: it's a well-known fact that if you are using cheap hosting, you'll have slow loading times on both the front end and back end of any WordPress website. It's completely on you if this is the case. (However, we may revisit this in the future).

The Test Subject

Our test subject is a relatively standard oxygen builder website created by us, for our audience. Let's take a look at the initial performance of the page, size, and additional aspects.

This test website is hosted on a dedicated DO Premium server, with 2GBs of RAM, and standard settings. It's managed by Cloudways, which is our recommended host for speed, cost, and support. At the time of testing, we had not completed any additional speed optimization on the site. Server settings were untouched since spinning up the instance.

Read: Breaking Down Cloudway's Five Server Choices For WordPress Hosting

Side note: this is a great server option for development and low traffic sites, that you can easily scale up when launching. Use code ISOTROPIC for a discount on Cloudways when signing up, and get a 3 day free trial (no CC).

The page tested is the homepage of the website. At time of testing, it looked like so:

The main elements of the page that were loading were an Oxygen Builder menu element, a custom search bar, and easy posts grid of demo posts (the first section), a WSForm Oxygen element, and an OxyExtras carousal with a repeater within. This repeater had over nine posts, and dozens of conditions based on MetaBox fields.

The page was public as a deals.isotropic.co subdomain DNS was proxied through Cloudflare.

The total page size was 5.05MB. This was primarily due to using an optimized images at the time of testing. Please remember this is an early stage development website (I promise we'll make it fast before going live 🙂 ). I believe that this type of website is the best way to test the back and loading speed of the Oxygen Builder as it simulates a normal development environment.

Page Details from GTMetrix
Performace report from GTMetrix

Plugins in use were as follows:

NameDescriptionDevStatusVersion UsedReview
BetterLinksUltimate plugin to create, shorten, track and manage any URL. Gather analytics reports and run successfully marketing campaigns easily.WPDeveloperActive1.2.7
BetterLinks ProGet access to Individual Analytics, Role Management, Google Analytics Integration & many more amazing features to track & run successful marketing campaigns.WPDeveloperActive1.1.0
Better Search ReplaceA small plugin for running a search/replace on your WordPress database.Delicious BrainsActive1.3.4
Disable Admin Notices IndividuallyDisable admin notices plugin gives you the option to hide updates warnings and inline notices in the admin panel.Creative MotionActive1.2.6
Disable GutenbergDisables Gutenberg Block Editor and restores the Classic Editor and original Edit Post screen. Provides options to enable on specific post types, user roles, and more.Jeff StarrActive2.5.1
dPlugins DevKitPlugin crafted for dPlugins instalations and debugingdevusrmkActive1.1.2
Elastic Email SenderThis plugin reconfigures the wp_mail() function to send email using API (via Elastic Email) instead of SMTP and creates an options page that allows you to specify various options.Elastic Email Inc.Active1.2.3
FavoritesSimple and flexible favorite buttons for any post type.Kyle PhillipsActive2.3.2
Hydrogen PackA Pack of time saving Oxygen Builder enhancementsClean PluginsActive1.3.5https://isotropic.co/an-agency-review-of-hydrogen-pack-for-oxygen/
MalCare Security - Free Malware Scanner, Protection & Security for WordPressMalCare Security - Free Malware Scanner, Protection & Security for WordPressMalCare SecurityActive4.63
Meta BoxCreate custom meta boxes and custom fields in WordPress.MetaBox.ioActive5.4.8https://isotropic.co/metabox-review/
Meta Box AIOAll Meta Box extensions in one package.MetaBox.ioActive1.15.1
Nextend Social LoginNextend Social Login displays social login buttons for Facebook, Google and Twitter.NextendwebActive3.1.2
OxyExtrasComponent Library for Oxygen.OxyExtrasActive1.3.8
Oxygen 3.9 Beta 2BETA. USE AT YOUR OWN RISK.SoflyyActive3.9 Beta 2
Oxygen Elements for WooCommerceBuild beautiful WooCommerce websites.SoflyyActive1.4
OxyMadeTailwind CSS Based, Utility class powered CSS Framework & Tools for Oxygen Builder.AnveshActive1.5.2https://isotropic.co/oxymade-review/
Really Simple SSLLightweight plugin without any setup to make your site SSL proofReally Simple PluginsActive5.1.2
RedirectionManage all your 301 redirects and monitor 404 errorsJohn GodleyActive5.1.3
Resize Image After UploadAutomatically resize uploaded images to within specified maximum width and height. Also has option to force recompression of JPEGs. Configuration options found under Settings > Resize Image UploadShortPixelActive1.8.6
Scripts OrganizerAdvanced Code editor for WordpressdPluginsActive3.0.0 Beta 2https://isotropic.co/scripts-organizer-review-schedule-scripts-save-time/
SearchWPThe best WordPress search you can findSearchWPActive4.1.22
SearchWP Live Ajax SearchEnhance your search forms with live search, powered by SearchWP (if installed)SearchWP, LLCActive1.6.1https://isotropic.co/search-autosuggest-in-wordpress/
SearchWP MetricsAdvanced search metrics from SearchWPSearchWPActive1.4.0
SearchWP ShortcodesProvides Shortcodes that generate both search forms and results pages for SearchWP search enginesSearchWPActive1.8.2
Shareaholic - Grow and Engage Your AudienceShareaholic’s official WordPress plugin allows you to add Award-Winning Social Share Buttons, Related Posts, Content Analytics, Ad Monetization, and more to your website.ShareaholicActive9.7.1
Swiss KnifeThe first plugin you should install when the Oxygen's default is not enough.dPluginsActive1.3.7https://isotropic.co/swiss-knife-pro-for-oxygen-builder-serious-workflow-enhancer/
WP File ManagerManage your WP files.mndpsingh287Active7.1.2
WP Grid BuilderBuild advanced grid layouts with real time faceted search for your eCommerce, blog, portfolio, and more...Loïc BlascosActive1.5.9https://isotropic.co/gridbuilder-wp-review-best-filter-search-plugin-for-wordpress/
WP Grid Builder - Meta BoxIntegrate WP Grid Builder with Meta Box plugin.Loïc BlascosActive1.0.0
WP Grid Builder - OxygenIntegrate WP Grid Builder with Oxygen plugin.Loïc BlascosActive1.0.2
WS Form PROBuild Better WordPress FormsWS FormActive1.8.125https://isotropic.co/ws-form-review-enterprise-level-features-but-is-it-worth-it/
WS Form PRO - User ManagementUser Management add-on for WS Form PROWS FormActive1.4.1

*We review plugins that we actually use, as evidenced here :).

It is important to take note that we were using the Oxygen Builder 3.9 Beta 2. We also had the WooCommerce elements installed, but WooCommerce itself was not at this point.

As per the reports of developers, this version of Oxygen was almost twice as fast to load on the backend as the previous.

Additionally, I want to note that OxyExtras, WPGridbuilder, OxyMade and WSForm all added elements to the backend of the builder. Swiss Knife, a skin/workflow tool and Hydrogen Pack are also loading into the backend.

Essentially, this test subject is a page that many who use Oxygen Builder have experience loading. There are several add-ons, extensions, and scripts that will load on the backend from both the builder and third-party plug-ins.

Finally, here's a quick glance at my WiFi:

How This Test Is Run

This test is administered by directly loading the Oxygen Builder from clicking "edit with Oxygen" on the page backend.

Timer starts when blue button is hit.

The button is hit, and the timer starts there. Once the cog icon stops and the browser is fully initialized, the test stops.

It stops as soon as this screen shows.

Please note that this is not completely accurate as I am hand timing this using an iPhone stopwatch, but it should give a good approximation of which devices and browsers load this plugin the fastest. It's also worth noting - the page has been loaded previously on the fontend, but never on the backend builder as an admin. I'm getting to the builder by loading deals.isotropic.co, going to the top bar, clicking edit page, then clicking the edit with oxygen button.

The goal of this test is not a speed run. It is to get truly real world data on the back and loading times of this plug-in to see if concerns are warranted with the speed and efficiency. Instead of looking at the actual time figures, consider looking at the differences between these numbers when it comes to device and browser.

Finally, I've included Amazon links (affiliate) in case this inspires anybody to impulse buy 😆.

Oxygen Builder Loading Times By Browser

First, let's try loading it on all browsers installed on my Mac Mini M1. Stats will be restated when testing by device, but this is a 2020 M1 Mac Mini with 8GBs of ram, running Big Sur V11.3.1. This is my "daily desktop".

We start with a browser test to determine which one is the fastest for loading Oxygen. We will use this browser when testing different devices.

We test Safari V14.1, Chrome V95.0.4638.69, and Firefox V94.

  • Firefox comes in at 05.59 seconds.
  • Chrome comes in at 17.52 seconds.
  • Safari comes in at 6.20 seconds.

Chrome was the obvious outlier here. I ran it again to see if there was a hiccup in the loading - it took just around 16.5 seconds to load the second time, so I think the average is a relatively accurate number.

The take away here is that Firefox is the fastest browser. This is been a topic discussed in the official Facebook group for sometime now, so hopefully this empirical data proves that you should be using this browser. Personally, Firefox is my favorite browser to develop websites in as it has a ton of high-quality front end developer tools. However, when compared to chrome it is lacking in security and performance audits.

We will use that browser for the device testing.

Oxygen Builder Loading Times By Browser

For this test, we are going to use devices all on the same Wi-Fi network, using the same version of Firefox, loading the same page as before. The differentiating factor will be the device and the test statistics behind it. Here's the lineup.

2020 Mac Mini (already tested)

  • Apple M1 Chip
  • 16GB RAM

Loads Oxygen in 05.59 seconds.

2019 XPS 13 9370

Dell XPS 13 9370 i5 UHD - Notebookcheck.net External Reviews
  • Intel i7-8550U
  • 16GB RAM

Loads Oxygen in 11.54 seconds.

2020 iPad Air 10.9in MYFT2LL/A

10.9-inch iPad Air Wi-Fi 256GB - Silver - Apple
  • Apple A14 Chip
  • 4GB RAM

Loads Oxygen in 11.96 seconds.

Read: Can You Develop Websites On An iPad Pro?

2019 Dell Latitude 7400

Dell at CES 2019: Latitude 7400 2-in-1 with 24hr Battery, Optional QC Modem
  • Intel i7 8655U
  • 16GB RAM

Loads Oxygen in 16.19 seconds.

2020 Macbook Pro 13in

13-inch MacBook Pro - Space Gray - Apple
  • Intel Core i5
  • 16GB RAM
  • Intel Iris Plus Graphics 645 1536 MB

Loads Oxygen in 9.66 seconds.

2021 Macbook Pro 16in

14 & 16" MacBook Pro: Time to Buy? Reviews, Features and More
  • Apple M1 Max Chip
  • 64GB RAM

Loads Oxygen in 5.43 seconds.

All devices are plugged into a battery charger during testing. The Firefox browser is the only open app/program. You may be wondering why I have access to all of these devices. I don't personally own every single one of these electronics, instead I have access to rent them from a local university.

The Big Takeaways

First, as mentioned several times, this is an imperfect test. It wasn't performed in a lab environment. Pages with less dynamic data will load quicker in the backend builder, and pages with more dynamic data will load slower. Same for images, DOM elements, and scripts.

I suggest using these numbers arbitrarily. Instead of saying Oxygen will load in X.XX seconds for you, use the numbers to compare the browser and devices.

The average comes out to be in the low 10 seconds.

Takeaway 1: Browser Matters

As the Facebook consistently states, Firefox is the fastest browser to load Oxygen Builder. I personally use Firebox developer edition.

One of many posts in the Facebook
Chrome is the slowest browser for Oxygen Builder.

Takeaway 2: Device Matters

The fastest two devices are the newest Apple devices using Apple Silicone. This makes sense; these processors are much faster than pretty much anything else on the market; and they're not that pricey. The base M1 Mac Mini is coming in at under $600 refurbished, and the M1 Macbook Air is $899.

Takeaway 2B: Looks like the processor matters more than RAM

It also looks like the more powerful the processor, the better the loading time of the backend Builder. For example, a laptop with 64GBs of RAM loads similarly to one with 16GBs of RAM. As processor power falls, so does the loading time of the builder.

I would expect that trying to load the builder on a Chromebook, or another device with low stats may be difficult.

Final Thoughts

The average Oxygen Backend loading time for this test was about 10 seconds for a large, unoptimized page, with a ton of dynamic data. Additionally, there were several addons that loaded elements of their own on the page, along with a hefty collection of custom, global CSS. This is very acceptable in my book. It becomes even more acceptable when changes the CSS classes and global options can be synced without needing to reload the builder with the Collaboration plugin.

As a webdev who uses Oxygen for most projects, the speed of the builder has never impacted me, but I wanted to seriously take a look at what the best setup was for it.

If you have any comparison numbers of your own, feel free to post them in the comments section below.

Subscribe & Share
If you liked this content, subscribe for our monthly roundup of WordPress news, website inspiration, exclusive deals and interesting articles.
Unsubscribe at any time. We do not spam and will never sell or share your email.
Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
AHRI
AHRI
1 year ago

Thanks for the detailed post about this. Just a side note - Oxygen is very to load slowly even in 2023 (except using load Oxygen locally), template parts fail to load issue for some odd reasons, "make the page editable in Gutenberg" barely works, the WP backend gets super sluggish, and more. Just look at Github issues and unsolved questions in the FB group - this builder is one of the worse but best builders out there when there was none like it. With the coming of Bricks, Cwicly, there's no need to consider Oxygen now. Heck, even Elementor is better than Oxygen now. (Sorry for the rant - but for anyone considering Oxygen: consider yourself warned!)

Charles
Charles
11 months ago
Reply to  AHRI

Just started using Oxygen builder after a years break - takes ages to load on Mac and seems clunky. I bought the thing for 249 but will take a look at bricks. Realtime design would be nice 🙂

Article By
James LePage
Contributors/Editors
notloggedin
James LePage is the founder of Isotropic, a WordPress education company and digital agency. He is also the founder of CodeWP.ai, a venture backed startup bringing AI to WordPress creators.
We're looking for new authors. Explore Isotropic Jobs.
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram