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

Подписаться 28 тыс.

Просмотров 12 тыс.

50% 1

Generate Blocks vs. Kadence Blocks, which is a better Gutenberg Plugin for Layouts? Many people told me that Generate Blocks perform better because they are lightweight and do not have a bunch of unnecessary CSS installed in it. But, is that true or is it a misconception? That's what we are going to find out in this video.
🔨 My Recommended WordPress Tools:
✅ Web Hosting (for Beginners): jackcao.com/bl...
✅ Web Hosting (for Speed): jackcao.com/si...
✅ Best WordPress Theme: jackcao.com/ka...
🔔 Subscribe for more WordPress Related Content: jackcao.com/su...
😎 Gutenberg Blocks Used in the Video:
👉 Kadence Blocks: jackcao.com/ka...
👉 Generate Blocks: jackcao.com/ge...
📽 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.
__________________________________________________________________________
#kadenceblocks #generateblocks #wordpress #jackcao #wpblocks #wordpressblocks #gutenberg #gutenbergblocks

Опубликовано:

14 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 98

@kevinroberts3789 3 года назад

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

@mario.carvajal 3 года назад

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 3 года назад

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.

@khulekanichristian 3 года назад

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 3 года назад

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

@simongraves7628 3 года назад

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 3 года назад

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 3 года назад

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

@MrOliver1444 3 года назад

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 2 года назад

Wow, they are able to be combined?!

@KodyKimani 3 года назад

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 3 года назад

Loving it! Glad to see such results! I just did a tutorial using Kadence and its Blocks to create a Magazine site: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_xbpzTsjiFY.html 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 3 года назад

@@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 3 года назад

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 3 года назад

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

@KodyKimani 3 года назад

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

@sarahprince539 3 года назад

Jack, Great comparison.

@littlefi3h 3 года назад

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 3 года назад

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 3 года назад

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

@Mr-jq9xf 3 года назад

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 3 года назад

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

@Mr-jq9xf 3 года назад

@@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.

@TheNettforce 3 года назад

Another quality comparison, thanks Jack

@JackCao 3 года назад

Glad you enjoyed it!

@TheNettforce 3 года назад

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

@JackCao 3 года назад

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): ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-W1zJo7M21wk.html Lead Capture Page (done with Kadence Blocks): ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-n2Hqlea0RMo.html Let me know if these are sufficient. 😊

@SophiaDempsey Год назад

Thanks for your review!

@ajmorris1196 3 года назад

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 3 года назад

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 3 года назад

@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.

@abenjamin13 3 года назад

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

@JackCao 3 года назад

You are welcome! Glad that guided you.

@abhishekranjith 2 года назад

How did the plugins compare on Pingdom?

@GigaBuzzStore 3 года назад

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

@nickdixon3536 3 года назад

Very good comparison; I'm happy with Kadnece

@JackCao 3 года назад

Glad you liked it! 😊

@TheSatishinfo 2 года назад

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

@robertturner2687 3 года назад

Great video!

@Key2Blogging 3 года назад

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

@juanra.ortizp 3 года назад

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 3 года назад

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! 😊

@peakminute 3 года назад

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

@JackCao 3 года назад

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

@peakminute 3 года назад

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

@FranciscoMeza 2 года назад

Love it. Thanks

@FlashbackHeartAttack 2 года назад

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

@kasabubu1 3 года назад

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 3 года назад

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

@avielziv 3 года назад

@@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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-0wqUWYx3UrY.html

@efernandobenito 3 года назад

@@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 3 года назад

@@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 3 года назад

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

@RaushanKumar-xv8ml 3 года назад

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 3 года назад

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.ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_xbpzTsjiFY.html I think you should follow the tutorial step by step so you can get familiar with Kadence.

@RaushanKumar-xv8ml 3 года назад

@@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.

@bizani4176 3 года назад

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

@JackCao 3 года назад

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

@bizani4176 3 года назад

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

@pahtashow 3 года назад

generateblocks have integrations with acf that kadence do not have ?

@peterm.weidich8611 3 года назад

Nice vid, thx :)

@JackCao 3 года назад

Thank you!

@ridzwanhadanan3664 3 года назад

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

@JackCao 3 года назад

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

@nayeemahmed163 3 года назад

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 3 года назад

Great suggestion! Will work on it soon.

@vcodev108 3 года назад

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

@JackCao 3 года назад

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

@vcodev108 3 года назад

@@JackCao yes

@randbaldwin 2 года назад

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

@randbaldwin 2 года назад

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

@ashishchaudhary2276 3 года назад

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

@JackCao 3 года назад

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7ILIodysmzc.html

@ashishchaudhary2276 3 года назад

@@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

@flekstofleks5728 3 года назад

Kadence block Pro or Elementor Pro ?? please

@JackCao 3 года назад

Kadence Blocks Pro! Elementor slows down your site.

@KodyKimani 3 года назад

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

@JackCao 3 года назад

Either GP or Kadence works fine, honestly! 😊

@hoangblueky 3 года назад

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 3 года назад

Agreed!

@peterbradney9159 2 года назад

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.

@kasabubu1 3 года назад

Yessssssss

@randbaldwin 2 года назад

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

@Andrew-C-Witham 3 года назад

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 3 года назад

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

@petermason7743 3 года назад

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

@JackCao 3 года назад

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 3 года назад

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

@mrb8775 3 года назад

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

@CesarNoelQ 2 года назад

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

@ArjunSehgalDigital 3 года назад

Generate Press paid version is much cheaper than Kadence.

@JackCao 3 года назад

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7ILIodysmzc.html Generatepress vs Kadence: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QUpDS-CLvyM.html

@ArjunSehgalDigital 3 года назад

@@JackCao Yes, That is true aswell. 👍