Mohamed Hedeya
HomeAboutPortofolioStyleguideContact

bricks builder vs oxygen builder

technical comparison & review between bricks builder and oxygen builder

Posted by Mohamed Hedeya in WordPress

April 25, 2021 - 3 min read

bricks-builder-vs-oxygen-builder.
bricks-builder-vs-oxygen-builder.

what is oxygen builder?

Oxygen Builder is a tool that enables you to build entire WordPress websites. It is one of the best tools out their in terms of performance

what is bricks builder?

bricks builder is a WordPress theme that helps you build performant WordPress sites.

why bricks vs oxygen ?!

For a long time, oxygen builder was the best tool to build performant websites. you can build really fast websites with no bloat at all. now bricks builder comes in and provides this amazing tool that you can use to build a very close website in terms of performance to oxygen.

bricks provide a better interface than oxygen, is easier to use for non-coders, and amazing output site in terms of performance.

I'd say it's the only competitor to oxygen right now! even with this very early release. the roadmap is very promising as well. the tool is built on vueJS which is amazing.

real-life test comparison

here I'm gonna build a login page in both tools and test out the results to get a better idea about the differences.

the design i'm gonna build :

login-page-desing

design results with minimal customization

Oxygen

oxygen-design-preview

Bricks

brick-design-preview

Google PageSpeed Insights test

MetricOxygen builderBrick builder
First Contentful Paint2.5s2.8s
Speed Index2.5s2.8s
Largest Contentful Paint2.6s2.9s
Time to Interactive2.5s2.9s
Total Blocking Time0ms40ms
Cumulative Layout Shift.26s0

Oxygen

Google PageSpeed Insights for oxygen builder

Bricks

Google PageSpeed Insights for bricks builder

as you can see both results are very close and the differences are very small!

Gtmetrix test

MetricOxygen builderBrick builder
GradeAA
performance Score94%94%
Structre Score90%92%
Largest Contentful Paint1.3s1.3s
Total Blocking Time0ms0ms
Cumulative Layout Shift00

Gtmetrix test comparison between brick builder and oxygen builder

W3C validator

MetricOxygen builderBrick builder
Errors10
Warnings20

Oxygen

W3C validator for oxygen builder

Bricks

W3C validator for Bricks builder

on a bigger sites oxygen gets a lot of these Warnings and errors!!

final thoughts

if anything to say after these results, bricks builder is a very promising tool with some advantages over the already well knows and well-built oxygen builder. and may even be the better option in the very near future! I'm so excited to see the upcoming updates for the tools!

check out bricks builder prices, they are offering 40% off right now as early-stage, and prices will eventually go up very soon. and here for oxygen prices

oxygen offers some extra elements as a separate plugin called composite elements for an extra cost. most of these elements are already in bricks builder at no extra costs!.