ฝัง
- เผยแพร่เมื่อ 7 เม.ย. 2021
- Gutenberg vs Bricks Builder vs Oxygen Builder vs Livecanvas vs Brizy. These new school WordPress Page builders totally changed my perception. I will no longer say that "it is impossible to get a 90+ rating on Google Page Speed insights.
I did quite a lot of research on these new page builders before diving into this test, and my biggest fear was for Gutenberg to lose to any of these page builders. And I think it just did! 😢 Watch the video and see which page builder(s) is/are faster than Gutenberg.
📺 Part 1 - Gutenberg vs Old School Page builders: • Gutenberg vs Page Buil...
💖 Recommended WordPress Tools:
✅ Web Host: jackcao.com/siteground
✅ Theme: jackcao.com/kadence
✅ Page Builder: jackcao.com/bricks
✅ Gutenberg Block Plugin: jackcao.com/kadence-blocks
✅ Speed Optimization Tool: jackcao.com/wprocket
📑 Articles on Web Vitals
👉 moz.com/blog/core-web-vitals
👉 www.searchenginejournal.com/g...
👀 Fastest WordPress Themes Compared: • Fastest & Most Lightwe...
📽 More Helpful Videos:
✅ 11 Gutenberg Block Plugins: • Top 11 Gutenberg Block...
✅ Will Multiple Gutenberg Blocks Slow Down WordPress Site: • Will Multiple Gutenber...
✅ Site Speed Case Study: • Case Study: Speed Up W...
✅ Build a Fast Loading Home Page: • Build a Fast Loading H...
✅ Improve Site Speed (9 tips): • How to Speed Up Your W...
✅ Build a Lead Capture Page with Gutenberg Blocks: • How to Create a Lead C...
__________________________________________________________________________
AFFILIATE DISCLOSURE: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. I won't put anything here that I haven't verified and/or personally used myself. And, you will never pay anything more than what it cost if you buy the product directly from the source. From time to time, I may even provide you with some discount codes to help you save money.
__________________________________________________________________________
#brizy #pagebuilders #bricksbuilder #oxygenbuilder #gutenberg #livecanvas #wordpress #jackcao #wpblocks
Livecanvas Team has kindly provided the solution to the image overlay, and here it is:
[Quote]
Around 11:17 you've encountered a small issue about adding a dark gradient to the background image. We did it with some simple lines of CSS code:
background: url(3sca.com/wpmu/livecanvas/wp-content/uploads/sites/6/2020/09/25388715424_65480dbf18_k.jpg) center / cover no
background-color: #444;
background-blend-mode: overlay;
[/Quote]
Thanks for the amazing support Livecanvas!
Insane amount of time and effort to make this video. People use those links of Jacks to reward the guy!
Hi Adam, its an honor coming from you. You have been an inspiration. Have you joined the Kadence team? Saw that you did a few collab videos for them. 😃
@@JackCao Naw, just have helped them out with some video training. Seems to have been helpful for many people.
Absolutely! Your tutorials are spot on! Hope to be at your level someday 😊
dude, do you know the rabbit hole you have to blaze to find this video? The themes vs page builder decision is all important for newbs with grand ambitions. many thanks!
I have been waiting for this comparison more then for Avatar 2. Thanks do much
🤣 You cracked me up. Hahaha!
Another awesome video! Love the comparisons and the amount of effort you put in. Can’t wait for your next upcoming video. Keep them coming!
Great video, Jack! I like that you're very open mind about what's best for WordPress building.
It's really great to see WP grow stronger especially with the arrival of new tools.
Thank's for your insight!
Bricks Builder comes with an integrated theme so you don’t have to worry about which theme to use. It also works well with Gutenberg. They can be used interchangeably on your website. And Bricks is built for the non-coder unlike Oxygen. I bet Bricks as development continues will become the dominant page builder which can create websites as fast as those using Gutenberg. In a way, it is the Kadence theme on steroids or the DIVI theme on steroids.
Love the way you describe Bricks! Thank you!
Great Video Jack. I got Kadence a month ago because of you. Nice to see Kadence and Gutenberg are still the fastest.
It doesn't matter to me but I would hate to see Google mess with the ranking of this video - you may want to change the end of the video title from
Did Gutenberg Just Lost?!
to
Did Gutenberg Just Lose?
Keep the great videos coming!
Wow ! Jack, what an amazing gift you’ve given all of us. Thank you for providing such a comprehensive comparison. I’m definitely a new fan
As someone who knows the WP platform well, but is looking to establish their own site and business, this is extremely helpful. Thank you! You have a new subscriber.
Thanks jack for the test 🙏. I've decided to try bricks, i think it is worthed to try 👍
Another excellent video that gives us knowledge!! Great work @Jack Cao!!
Thanks so much Tiago!
Great vid thanks Jack, really helpful stuff. Much as I love building with Brizy, it looks like I might need to look at other options
Would be great to include "Zion" page builder in the next episode. Also "Bricks" is currently working on remove the jQuery (~30 KB) dependency, and also in reduce Drastically the CSS file size by generating it dynamically, just like GenerateBlocks. So, for the Next Round "Bricks" could give us some Loading Time surprises.
Great content - superb infos. As usually i would say. Thanks!
And special thanks for trying it out with basically no background sound.
I found it way way easier to follow, might only be me.
What do the other viewers think?
I have oxygen,kadence pro membership,livecanvas and a bunch more stuff. Best thing I love about oxygen is templating, dynamic fields with acf and css grid. There is a thing you didnt mention about the builders tho; most of them show the content via shortcode except for livecanvas. So the pages you made will still work if you disable livecanvas but not in other builders.
Thank you so much for the videos!! You are a lifesaver! I feel kind of guilty that I get to use your knowledge without having to spend the billion hours you did testing everything out. Thank you so much!
Fantastic! I have Kadence Blocks, Live Canvas, Oxygen, and just bought Bricks 2 weeks ago.
I can't imagine how much time you spend on this tutorial !
Salute to your effort !
That's called quality content !
Hope you will get 100k Subs soon.
Great video. Finally a comparison that makes sense. Subscribing
Great video. Loads of work. Thank you 👍
Great video! Very intuitive. Keep up the great work!
Thank you!
Thanks Jack! Great video really appreciate the great effort you put into this video. All that I can say at this point DOES ANYONE OUT THERE WISH TO PURCHASE A BRIZY LIFETIME LICENSE! Really disappointed in the Brizy Team had high hopes but been hanging on for 2 years now to no avail.
So much value! Awesome comparison
this is so cool, I really like your approch!
Amazing video. Thanks for the hard work.
such transparent and great content, keep it up!
Thanks for al the work, Jack! I had exact the same problem (bug?) with Bricks, while using Firefox. When I tried with Chrome, the problems were gone.
Yeah I built it on Firefox. So, maybe bricks works better on Google chrome I guess.
Great work and comparisons!
Very good comparison, great job.
Seriously dude such a great effort. You deserves more than like, share or subscribe. Love your work , Really Amazing you deserves more . Hope you get that soon. Keep Rocking bro. ❤️❤️❤️❤️
Thank you so much bro! 💖💖💖💖
Outstanding review, respect all the efforts you put in this video!
Thank you! 😊
Thank you very much Mr. Jack! :)
Excellent comparison.
I know this must of taken some time to do.
Thanks for the comparison and the time it took to create this test. I jumped in on the lifetime Bricks deal so if you have the time, a deep dive on Bricks would be great.
What do you wish that I create with Bricks? Maybe I can do a tutorial on that in the near future.
@@JackCao, it seems like quite a few people who follow the website builders looking for reviews and tutorials have purchased MetaBox on AppSumo. Maybe a restaurant site using Bricks & MetaBox to build the site and menu? or a salon and price menu? Thanks for your time!
I cannot thank you enough 👍 - plz keep up the awesome work i would love to see more of your great vids - Well - i think a new Vid that covers WordPress Version 6.1 would be awesome.
Bricks is a wonderful tool. The fact that it comes with a built-in form builder = amazing.
Hi Jack, would you please clarify- you are testing for desktop and not mobile in this video, correct? And in the old school page builders video , as well? Also, is this a shared hosting plan on Siteground? Thanks so much for your efforts!
Hi Lily, all the tests done were for Mobile. Nowadays, there is no point in testing desktop because they will usually get a 90+ score if your mobile is well optimized. And as for the host, yes, it is on SiteGround's shared hosting plan (GoGeek).
Curious if you had enabled O2's bloat eliminator when you did the tests?
Great job and I appreciate all the work you put into this. I'm curious though -- this is for page builders, but what about theme builders? The main reason I don't use only Gutenberg with Kadence is because I'm not able to create page/post templates for my Custom Post Types or special archives. Kadence theme doesn't provide enough customization there, not like Oxygen or Elementor Pro with their super robust theme builders. So, if you have a suggestion on the best theme builders that work with Gutenberg that would be interesting to see. From my perspective, Oxygen seems to work best with Gutenberg because you can use it to create a lightweight custom theme using a visual builder, and still use Oxygen/Kadence/GetWid for all the content and layouts on the main parts of the page. But, that is just based on my limited experience. :-). Thanks again for your awesome video!
Actually you can with either Generatepress or Kadence. If you have custom post type/archives, you can use "Hooked elements" to display any unique layouts before the content area, you can even replace your sidebar using Hooked Elements. I think whatever that can be achieved with Oxygen/Bricks/Elementor, is achievable with Gutenberg. Do you have an example where I can build a tutorial around?
@@JackCao Hmm ... an example? Well, how about a website for a gym directory where the CTP/ACF lets you input information about the gym (hours, location, owner, phone, cost, classes, etc.) and you want that information to be dynamically presented in a post type called "gym"? And then also have a listing of gyms in an archive post template that includes some of that custom field data? That's just off the top of my head, so if you have a better idea please feel free to change it. :-) Thanks for the reply! 非常感谢！:-)
@@JackCao Even with Kadence hooked elements, there are still a few things that page builders can do that even Gutenberg with Kadence Pro cannot. In my case, Elementor lets you insert 'post content' and 'WP comments' within the template. This allows a full-with template with a sidebar that only goes down part way before the elements change to full-width.
Gutenberg has a post content block... but Kadence hooks does not let you "Replace Pages/Posts/Archives/CPT" - yet (and unsure if it's being planned.) Nor is there is (yet) a 'WP comments' block that I can find that could be placed in a hooked element. Some of this *might* be coming when WP finally introduces FSE... but at present, the only solutions require coding, child themes, and tricky workaround. It feels like we're getting there... but for anyone leaving Elementor now - it's still lacking & frustrating.
Very interesting Jack and thank you for the detail.
I wonder why you used the Kadence theme for the Gutenberg example when I believe that Neve is smaller and lighter? (Or am I mistaken)
Also, as a beginner, what I haven't really got my head around is the demarcation line between Theme and Blocks. What does each bring and what do you keep or loose if you switch theme..... or if you have designed your layout what would a reason be to change theme?
Kadence Theme is ranked #2 on my other test on Themes: th-cam.com/video/7ILIodysmzc/w-d-xo.html
Neve is ranked #3, that's why I chose to install Kadence instead.
As for Themes and Blocks, what you need to understand is that the theme will take control of the main layouts of your page, for example, the header, footer, sidebar, before content area, and after content area. The blocks are mainly used on the content area of the page. And depending on your theme, you can use hook elements to display gutenberg blocks on certain areas controlled by the theme. I hope this is easy to understand. So essentially, if you switch themes, the content on your site will not change. Things you styled with the Gutenberg blocks will remain, but all the theme settings will be gone.
@@JackCao Thanks for the quick outline of Themes v Blocks. Thats helpful... And also for the link. I'll check it out.
Great video! When I posted i.e. how slow Brizy was in the Brizy facebook community page I was kicked off the Brizy facebook page. I guess your truth an attempt to get covered up by the Brizy FB community.
Sorry to hear about your experience with Brizy. I felt the truth needs to be revealed. For years, the page builders have been dominant in terms of page design and ease of use, but it is time for them to adapt to the new environment, otherwise they will soon be phased out. Truth hurts.
I'm already using Gutenberg and was thinking of switching to webflow. I'm just warry of the plugin issues in WordPress along with the constant attacks. I haven't had any issue with that because I keep everything up to date. Can I do dynamic content with Gutenberg? Thanks for an excellent video!!! 😀
Thanks! Nice video.
Great video! I want to change my website from elementor to Gutenberg to increase loading speed and reduce bloat. My question is, am I better off using Gutenberg with Kadence blocks only vs Gutenberg and Kadence theme + Kadence Gutenberg Blocks? Thank you for helping!
Do not use the Gutenberg plugin on your website, it is more for test sites. Generally, when the blocks from the Gutenberg plugin becomes bug free, they will be integrated with the core wordpress block editor.
Amazing work thanks for all this investment
Great video, thanks!
You are welcome! Thank you for dropping by!
@Jack Cao what do you think about flatsome theme with the UXblock? would you compare it with gutenberg?
Interesting. Will certainly compare that with Gutenberg. Now I have "Zion Builder" and "Flatsome + UXblock" in the list for the next batch of testing. Do you happen to know any other page builders that have not been tested by me?
@@JackCao no just flatsome, is the one that I used (dulcesalud.cl). And after I saw all your videos I am thinking to move to kadence (membership) or livecanvas.
Great job, Jack! You really are objective, thorough, and clear. I’ll stick with Gutenberg - free and easy - although I’m having trouble with images slowing my PageSpeed Index. I think layout shift is tricky. Any thoughts, Jack?
Maybe I can help take a look at your site? I could do a tutorial on how to properly optimize for images. As for layouts, it may be some blocks that you are using, or some Javascript that is loading behind the scene. Blocks like "Info cards", if stretched, will cause layout shift issue.
Jack Cao That would be great, Jack. How can I send you the details in private?
@@drjimbarnes Hi James, you can send an email to me at jack@jackcao.com
Which host do you recommend other than Siteground for WordPress websites? 🙂
thanks
I switched to Gutenberg from Elementor. I had a lot of plugins that failed however and it took me a little while to fix all my posts.
Great objective test Jack. Good to see Gutenberg right up there, glad we made the decision to go with it.
I was a little nervous while doing the test. I thought Oxygen or Bricks would overtake Gutenberg. Glad it didn't.
@@JackCao although even if they had, it would just give more options, always a bit of a risk with eggs all in one basket.
Your tests are by far the most thorough out there, keep up the good work.
@@peterk4626 Thank you! I will be doing a test like this on Web hosts. May I knoe which web host you use?
@@JackCao for our Web Design and hosting business we currently use a company called 20i in the UK. So far their promise of cutting edge tech for wordpress has been spot on. Be so interesting to see one of your tests against them though.
Great video Jack Cao! What about Zion Builder? Have you heard about it?
Heard of that yesterday, after I completed the video. Dang! You interested in using that builder?
@@JackCao Haha.. I heard about it yesterday to. I have the paid versions for Kadence and Blocksy for now. Currently I dont think I'm going back to a page builder.
Thank you for all your efforts, you got my subscription.Would you be willing to make this type of comparison for stores? Magento,Woocomerce,Opencart , "new school stores"etc ?
Hmmm, I am more focused on Wordpress, I haven't thought of working on 3rd party builders. To be honest, I don't have much experience on them, but I may consider doing it in the future 😀 Do users of those ecom builders care about page speed? Since most of them focus more on selling through paid media than SEO.
@@JackCao Well what I'm interested is how to build for free or the cheapest possible eCommerce sites that have enough features for small businesses. Can you do that with WordPress alone without needing these open source stores?
@@encapsulatio Yes
@@sexymary Please tell me how.Thank you!
@@JackCao ?
Great video, and some serious future contenders to take down elementor. Only thing negative about this video is the inclusion of Brizy instead of Zion builder. I know you weren’t aware of it at the time of making the video. Maybe a 2.0 version with Gutenberg, oxygen, bricks and zion? Bricks released 1.2 a couple of days ago and there are some performance improvements in it’s changelog. Curious how it performs now.
Will look into that soon 😊
Why Elementor is oldschool and Brizy not?
I explained in the old school vid that I don't have enough space to fit 9 page builders on the same screen. 😁
Thanks for the comparison and the effort you put in the test, now do you agree with me that -after making your point "Gutenberg"- it is time that you demonstrate ACTUAL tips on how to optimize our websites" using PSI results"? GT is usually testing desktop but only PSI tests mobile, we need tutorials on how to to handle different errors in PSI results on our websites before using caching plugins
I leave it to audience to support my request
Great Job,Jack!
I did one case study on how to optimize for mobile, but I get your point. Do you happen to have a site that I can work on, so that I don't need to create those "problems" for demonstration? Would love to work on a live site.
@@JackCao Hi Jack,Thank you very much for your reply, I believe with your reply you will receive a lot of replies from others in the audience, my website is being built now(it is a woocommerce which can be a good case study), once I am done i will share the link with you(probably in a week from today)
I would love to see your case study, i will search your channel videos
Keep it up,bro!
Oxygen and Gutenberg is the best combo?
Thanks a lot! 💪 Gutenberg is the future 🤌
They definitely are! 💯
Sir, still waiting for the video where you guide us to built a Magazine Website using free Kadence theme and Gutenberg! I hope its coming soon ☺️
Yeah next video on the channel will be that. 😀
@@JackCao Thank You!
oxygen is cool, I think their new improved version yet to be released is going to beat bricks
Looking forward to that release.
Except nobody knows what changes are coming to Oxygen, even that improved version is just a rumor.
I would love to see a comparison against Zion Builder.
I thought I got all the new school page builders while I was creating the video, but when I am done with the video, Zion Builder popped up, and I was like "dang!" Do you happen to know any other page builders so that I can do it in a batch?
Why Elementor is not here?
Because Elementor is among the "Old School" Page Builders, which I did a video here: th-cam.com/video/DLmRK1ZBb-Q/w-d-xo.html
Have you checked out Zion?
Yes, over here: th-cam.com/video/1pEVdtCR3Ck/w-d-xo.html
have you hosted these site on shared hosting?
Yes. They are all hosted on the same shared host. From Siteground.
I'm just gonna say it I still hate gutenberg. If using custom fields like metabox and ACF or whatever you want to use to to output dynamic content to the page was easier I might change my mind
I’d rather not use Gutenberg no matter how fast it is. Great review though.
Avoid brizy they have very rude CEO