Generate Blocks vs Kadence Blocks - Which is Better for Layouts?

[@kevinroberts3789]

That was an excellent tutorial. Loved the pace and depth.

[@khulekanichristian]

Thank you for the great tutorial. I was on the lookout on how to add the overlapping 4 columns using margins with Kadence Blocks.

[@JackCao]

I didn't make this as a tutorial, but nice! I killed 2 birds with one stone 😄

[@mario.carvajal]

Jack Excellent Video!!! I have tested GenerateBlocks and KadenceBlocks for several weeks. I feel that Kadence is a diamond. In my own tests, I notice that Kadence is a little bit more heavy. However this is insignificant. On the other hand, it's remarkable the amazing ease of use of Kadence. Generate Blocks need to rethink in order to get the same level of UX that Kadence has. Each day, I love so much the works of Kadence team. I repeat: it's a diamod.

[@JackCao]

Yup, I've concluded that as well. If I were to add just the button block from the respective plugins, the test results would have been different. The button block from Generate blocks do load lesser CSS.

[@simongraves7628]

Hi Jack, The one thing you didnt mention was the limitations on the Kadence Row block, like how you cannot define column widths on anything other than Desktop view and have to use the set layouts provided (or use additional CSS). The GenerateBlocks Grid block is also much more versitile than the Kadence Row block allowing you to have a set amount of columns with content wrapping into new rows in the same grid, then allowing you to have different columns set on different devices. Kadence may be easier (that's debateable, I find it less intuitive), but its definately the least flexible of the two (contrary to your final comment). For the record I have the Kadence membership (paid $599!) as well as GP / GB Pro and have used both extensively.

[@JackCao]

In Kadence there are responsive views, you don't need extra css codes. And you can even set the mobile columns. I honestly think Kadence blocks is versatile, but maybe you can test it out more. I've used both extensively before making this video. 🙂 I have done a dozen of tutorials with Kadence's row layout too.

[@simongraves7628]

I already have tested it out and the GenerateBlocks Container / Grid system is much more flexible than the Kadence offering.

[@MrOliver1444]

I think both are amazing. I combine them. I use generateblocks and fill it up with Kadence blocks like accordions, tabs, table of content and timer. The pro version is better in generateblocks

[@romtekch4958]

Wow, they are able to be combined?!

[@sarahprince539]

Jack, Great comparison.

[@KodyKimani]

I'm in the 90s and thank you soooooooooooooo much for help - I love your channel! Can you do more tutorials on kadence and kadence blocks? I can't get amp to work either... but i dont' care- i'm in the 90s speed yayyyyyyyyyyyyyyyyyyy

[@JackCao]

Loving it! Glad to see such results! I just did a tutorial using Kadence and its Blocks to create a Magazine site: kzbin.info/www/bejne/lanFoa2KqM-cfLs By amp, do you mean amp pages? That one which speeds up your site on mobile but reduces all the look and feel of your site?

[@KodyKimani]

@@JackCao Thanks I will watch that! Well I'm not sure what I mean myself lol - I got an AMP plugin with kadence and just switched it on and crossed my fingers lol - but when I preview an amp page - it looks blank

[@JackCao]

Please remove the amp plugin. It is causing this blank page issue. Amp is a failed project from Google and it is obsolete now.

[@KodyKimani]

@@JackCao I did - wow what a job to remove it- but its done... and thank God

[@KodyKimani]

@@JackCao Thank you so much Jack - will watch that one

[@Mr-jq9xf]

Appreciate the hard work. Kindly make a video on color combination and layout of site pages for better UI/UX. Waiting for you nice respose!

[@JackCao]

Great content idea! I am not a web designer (though I have the skills). So, I will look into it 😊 Thank you!

[@Mr-jq9xf]

@@JackCao yeah I am also looking for a series about UI/UX from you. Thanks you are putting great effort I really like the efforts and hard work that you are putting in this industry.

[@littlefi3h]

Love your comparisons! Have seen a number of your videos, and I love how you come up the different ways to do your testing. Would you be able to do a comparison of Kadence Block and Bricks Builder?

[@JackCao]

I'll be doing a speed test on Bricks vs Oxygen vs Gutenberg (Basically Kadence + Blocks) vs Brizy vs Livecanvass. The video will be out next week. But I will do a feature comparison on Bricks and Kadence in future videos. Thank you for the suggestion 😊

[@littlefi3h]

@@JackCao awesome!! Can't wait for your video!

[@SophiaDempsey]

Thanks for your review!

[@TheNettforce]

Another quality comparison, thanks Jack

[@JackCao]

Glad you enjoyed it!

[@TheNettforce]

Thanks Jack, I really need to get off elementor now. Do you have a recommendation for the blocks to build a landing page?

[@JackCao]

What kind of landing page are you referring to? I have done quite a few tutorials on that: Next Level Home Page (also done with Kadence Blocks): kzbin.info/www/bejne/jWLde6Jtgpdkrc0 Lead Capture Page (done with Kadence Blocks): kzbin.info/www/bejne/pGOrop-blpWFg9E Let me know if these are sufficient. 😊

[@abhishekranjith]

How did the plugins compare on Pingdom?

[@ajmorris1196]

In GenerateBlocks you added two containers, 1 for the background image, 1 for containing the grid. I'm curious why you did that? It did provide extra work and outputted extra code that was unnecessary. Instead you could have added a GB grid into the container with the background image, applied the proper padding and would have been all set. You would have ended up with a page that had less HTML and CSS code and resulted in a faster loading page.

[@JackCao]

That's exactly the reason why I did extra steps! To see which is more "lightweight". Of course, I know it is easy to just do everything in one container, but this test is about playing around with the paddings and margins, which are the basic functions of layouts. But nice that you catch on to that 😀

[@JackCao]

@AJ Morris Can you let me know if the following is what you've suggested: Generate Blocks: 1 Container 1 Grid Kadence Blocks: 1 Row Layout (1 Container 1 Grid Combined) Or, are you trying to imply this: Generate Blocks: 1 Container 1 Grid Kadence Blocks: 2 Row Layouts Currently, it is this: Generate Blocks: 2 Containers 1 Grid Kadence Blocks: 2 Row Layout (2 Container 2 Grids Combined) The current testing method shared in the video already puts Kadence Blocks in disadvantage, because its row layout is a combination. A fair test would have been the first option.

[@pahtashow]

generateblocks have integrations with acf that kadence do not have ?

[@RaushanKumar-xv8ml]

Hey jack i wanna buy kadence block but i have Query if i add any post via guttenberg and add few block from kadence then will kadence block show entire mobile preview of post like page builder like elementor before publish??

[@JackCao]

It's a little different between elementor and kadence blocks. Kadence blocks do have some mobile optimization feature but not every single block. I think I did a few tutorials on how to optimize for mobile but it is embeded in a long form tutorial. For example this: m.kzbin.info/www/bejne/lanFoa2KqM-cfLs I think you should follow the tutorial step by step so you can get familiar with Kadence.

[@RaushanKumar-xv8ml]

@@JackCao hey Jack a request plz make a short tutorial on post made by kadence block with mobile OPTIMISATION. It wud be great for all those who want to switch from elementor to guttenberg.

[@abenjamin13]

OMG thank you 🙏 Jack 👍. I’m going use generate block for sure.

[@JackCao]

You are welcome! Glad that guided you.

[@juanra.ortizp]

Great content. Your channel will be a popular one in just a few months. It's great that you can play with the margin and create this types of layouts between rows. Please make a video using overlapping columns. I believe you can achieve this with kioken blocks for gutenberg.

[@JackCao]

Thank you for saying that! It really makes my day. Overlapping columns can be adjusted with negative margins in a container. I think it can be achieved with both Generate blocks and Kadence blocks. Just checked out Kioken blocks. Wow! Many unique features! Thank you for recommending it! 😊

[@nickdixon3536]

Very good comparison; I'm happy with Kadnece

[@JackCao]

Glad you liked it! 😊

[@CaseyStrouse]

It's a good start to a comparison but one scenario cannot provide a definitive answer IMO.

[@robertturner2687]

Great video!

[@Key2Blogging]

I have a doubt. Is the kedence Block is fully compatible with Generatepress theme or not ??

[@FranciscoMeza]

Love it. Thanks

[@FlashbackHeartAttack]

Is this for the paid version? I'm using the free version and don't see any of those background options. Thx

[@GigaBuzzStore]

Hi Jack. Will the Kadence blocks work well with the Blocksy theme?..

[@kasabubu1]

I think it's time to get a good camera jack so you can take your channel to the next level, you deserve many more subs

[@JackCao]

Thank you! But, my camera is already good. It's Canon D90. What can be improved, camera settings wise?

[@avielziv]

@@JackCao I dont know if there is a bug but I tried commenting the same video twice and I cant see the comment, dunno wtf so here it is again kzbin.info/www/bejne/ZqjUhoqPrZiIqLs

[@efernandobenito]

@@JackCao I try to always focus on content rather than image quality, but I think that if you already have a good camera then what you need to improve the image quality is your lights, that room is too dark.

[@Andrew-C-Witham]

@@JackCao Its all in the lighting. Try moving it a little to the side and perhaps softening it a little. Choose manual camera settings as all that dark background and even the black mic may be confusing any auto adjustment.

[@JackCao]

@@Andrew-C-Witham Thanks for the suggestion! 👍

[@TheSatishinfo]

Very good comparison Jack. Can I import all the designed elements by using GenerateBlocks to Kadence Blocks?

[@vcodev108]

What do you think about developing our own blocks instead of relying on the block builders?

[@JackCao]

You must know a lot of codes, right? Are you a developer by chance?

[@vcodev108]

@@JackCao yes

[@randbaldwin]

He said so! LOL... this was a hilarious question.

[@randbaldwin]

Oh my, he deleted himself from the conversation. Sigh. Apparently his name wasn't representative.

[@peakminute]

Hi, Jack, I have just checked your website listed on your KZbin profile. Can you show exactly how you've configured design and which theme used. Looks great

[@JackCao]

Video tutorial on that will be published tonight 8pm (Singapore Time)

[@peakminute]

@@JackCao Super, I'm curious already... :)

[@ashishchaudhary2276]

Please Suggest any good and fast theme from Themeforest ? and please make a video of optimization Themeforest woocommerce themes like Porto and woodmart.

[@JackCao]

Hi Ashish, the reason I don't focus much on themeforest themes or any other template themes is because most of them are restrictive. I am only focused on themes that are highly customizable. Any of these themes can be customized to make it look like themes from themeforest: kzbin.info/www/bejne/bXqveqKartigsMU

[@ashishchaudhary2276]

@@JackCao Yes but there are so many tutorials about Kadence, OceanWP, Astra and they are already fast themes but on other hand there are very less tutorials for Themeforest themes optimization. Please make one

[@ridzwanhadanan3664]

Hey Jack, would kadence blocks works as find as elementor pro?

[@JackCao]

If you don't use dynamic content, then Kadence blocks is as good as Elementor Pro.

[@bizani4176]

Hello sir, did u use pro or free kadence Block and generate Block??

[@JackCao]

Both are the free blocks, because I am only discussing on the layouts. 😊

[@bizani4176]

@@JackCao Thanks, can u show us how to make blog from scratch with gutenberg Block only...

[@peterm.weidich8611]

Nice vid, thx :)

[@JackCao]

Thank you!

[@flekstofleks5728]

Kadence block Pro or Elementor Pro ?? please

[@JackCao]

Kadence Blocks Pro! Elementor slows down your site.

[@nayeemahmed163]

I really love to see the Astra theme + qubely tutorial in your channel. I guess qubely is the best in my opinion. I found qubely have the more modern and minimal pre-made layouts and section plus it has lots of features. I like to select one main addon for Gutenberg because it not possible to buy everything and qubely is really good.

[@JackCao]

Great suggestion! Will work on it soon.

[@hoangblueky]

Generate Blocks is just over Kadence Block in the custom icon section, Copy and paste the code is very simple. Done easily for the victorious Kadence Blocks users

[@JackCao]

Agreed!

[@petermason7743]

Would like to see you set up an e-commerce site using just free products

[@JackCao]

It is easily done with Kadence/Blocksy + woocommerce. Will look into creating a tutorial on that. What would you like the site to sell (for the tutorial)? 😊

[@petermason7743]

@@JackCao Cycling accesories and or combine it with Amazon affilate :-)

[@mrb8775]

@@JackCao I would also be highly interested in that!

[@peterbradney9159]

Hi, just wondering if a theme or block or plugin hold the same position in your tests across mobile as well as desktop. I read along time ago how one sided mobile use was and I can't help but feel that mobile has an even bigger dominance now. If mobile views your site over 90 percent of the time, why aren't we focusing on mobile more.

[@KodyKimani]

oh God............ I got GP pro and now I want kadence

[@JackCao]

Either GP or Kadence works fine, honestly! 😊

[@randbaldwin]

The point of what they are doing is to ELIMINATE both of these, right? Core?

[@kasabubu1]

Yessssssss

[@Andrew-C-Witham]

Thanks you.... this is very interesting. BUT........... Isn't it more realistic that Generate Blocks would be used on Generate Press and Kadence Blocks on Kadence? Does that give a different comparison for speed and usability? And, wouldn't you be more likely to do that on a live website to ensure compatibility with updates to both theme and blocks?

[@JackCao]

Gutenberg blocks are built to be used on all Wordpress themes interchangeably. It is unlike page builders. 😀

[@CesarNoelQ]

Kadence Blocks is much easier to use. I struggled with Generate Blocks

[@lausianne]

To make a serious test, you need a serious, complex layout. Not just a couple of images. Actually, there should be no images at all, because those will take most of the load time. Also, if you have such a simplistic layout, the server and internet speed, that varies randomly, have too much of an impact compared to DOM size and quality. What you could look at is the output code quality and DOM size. Semantic correctness. Accessibility. These things make a difference. I don't think the measurements in this video are useful at all.

[@ArjunSehgalDigital]

Generate Press paid version is much cheaper than Kadence.

[@JackCao]

It is true, so you have to weigh which is more important. Ease of use (Kadence) or Speed (Generatepress). The speed between Generatepress and Kadence isn't very far apart. But, Kadence wins over Generatepress on the overall ease of use. Fastest WordPress Themes Compared: kzbin.info/www/bejne/bXqveqKartigsMU Generatepress vs Kadence: kzbin.info/www/bejne/h4bTdYZjeLGpr68

[@ArjunSehgalDigital]

@@JackCao Yes, That is true aswell. 👍