Kadence Blocks DOM Size - How to Avoid Excessive DOM Size on your page

[@JackCao]

Kadence Blocks Pro (DOM Size): jackcao.com/kadence-blocks-dom-size/

[@DanishAttari2663]

hi Mr jackcao .how i can solve DOM size in elementor.

[@DanishAttari2663]

My website DOM size score is 886 elements

[@UnMondeEducatif]

Great video. I have about 1800 DOM size, and because of you, I understood that I can diagnose easily what causes it. Thank you 🙂👍

[@JeanvanWyngaardt]

Really enjoying your Kadence content. I actually chose to switch from Elementor after spending a few hours watching your videos, and it’s awesome. Keep up the amazing work!

[@HaifengZhu-pn3uq]

The DOM size of Elementor is extremely big

[@ekredel]

Hi! “So” police here! :) Another great and useful video, thank you for this. Really glad you took on board my advice about the “so”, this video is IMHO so much more professional. Keep uploading them, I am looking forward to the new ones.

[@JackCao]

Thanks for pointing that out! I didn't notice it till you pointed it out and I rewatch the vid. Will continue to provide good value 😁

[@vadimkolosov]

Jack, thank you so much for such a comprehensive and thorough review! It kills me how bulky the design is... Aahhhh...

[@mannuu76]

This video was an eye opener for me. Thank you for making it and for the time you spent into putting the written article.

[@jgz2]

Great work. You are so patient Jack.

[@JackCao]

Thank you!

[@faithnomore101]

Thanks Jack. Helps me to reduce my loading time even further.

[@JackCao]

You are most welcome! Glad it helped! 👊

[@TiagoDezan]

Another great video!!

[@JackCao]

Thank you! 😊

[@zoltankemenes1981]

Please take a look at Stackable and Qubely blocks as well.

[@JackCao]

Great suggestions! Thank you!

[@zoltankemenes1981]

@@JackCao Thanks for your amazing videos.

[@walemichaelofficialtv]

Stackable +1

[@abdulmaajied]

Stackable pls

[@isfx]

+1 Stackable. How about Templately? Thanks as always bud!

[@MichaelsPaintingChannel]

I have no clue what to do now. What if a worpress page with gutenberg now has a large dom. What is to do? Shorten it? I don't see space in my page, everything is important. Are there maybe wrong elements in there? GST is telling mesomething about this

[@azzurramaggia8237]

Hi Jack, thank you for this amazing content! Could you please test Toolset blocks DOM size as well?

[@soonpaukun]

Hi Jack, appreciate it if you share Stackable as well...

[@JackCao]

Noted. Lots of interest in that. Will look into it.

[@view_products]

Nice work, I have approx 1566 dom size error on my every blogpost, there is any plugin to solve this issue.. I already install WP-Optimize but there is no change in dom size

[@JackCao]

There is no plugins to solve the DOM issue. It is all about the elements you put on your page.

[@jimnech5066]

As always, a very informative video! One question, who is responsible for garbage collection in the DOM of deleted blocks? Is this something that WP does automatically or is it the responsibility of the blocks themselves? For example after adding a bunch of blocks, if you delete a random block will all of the elements that were added for that block also be deleted?

[@JackCao]

Yes, every element that is added or removed will be added or subtracted from the DOM Size according to number of elements each block brings to the table. Hope this clarifies. 😉

[@Paartherapeut]

so valuable! I have astra but still

[@chrismaddox3d]

My shop page on Kadence has 1,190 Total DOM, how can I bring that down? it is just the default shopping page that comes with the Kadence theme, I use the Pro version, not all my pages had a total DOM I noticed, great video keep them coming

[@hellosensible76]

Do you have a link to that post you mentioned in the video?

[@JackCao]

My apologies for the late reply. I've finally found the time to write it. Here it is: jackcao.com/kadence-blocks-dom-size/

[@1989lavi]

I have drop down list of 197 country . The Page Speed show this error: Please Select Afghanistan Albania Algeria Andorra Angola Antigua and Barbuda Ar… How can I solve an Excessive DOM size?

[@earthgraduate726]

Thanks Jack , BTW Is it possible to add a button so that by clicking it direct you to a page then in that page the same very button direct you to another page meaning that the same button has its different links for different pages ?

[@Patriots20]

So is it that good ?

[@amineunshakable1295]

Brizy & Bricks are missing on your channel 🤫🤭🤔

[@JackCao]

Brizy, not a fan. It slows down the site. Bricks, maybe later when they are more established, and now I want to concentrate on Gutenberg first. 😊

[@TheDisasterVault]

I find it funny how google tries to mess with us. First fix the speed and now the dom size is to big.

[@GaryBox]

Yes it's crazy to follow Google guidelines without question. I design websites for small local businesses and I still see some sites ranking well that have poor site speed or sites without SSL. As a perfect example of Google hypocrisy they tell us to use next generation image formats like webp and avif. However when it comes to uploading images to Google business website they only accept jpeg!

[@DBCVC]

So why all the twitter smitter about google DON' T USE GOOGLE?

[@courtney727ray]

Hey, would you be interested in reducing the DOM on the homepage of my site? I created the site with Kandence. I bought it last year after watching one of your videos.

[@courtney727ray]

I went ahead and tried this for myself. I really appreciate the work that you do.

[@kajahaler3716]

Can you open a Buy me a coffee account, so that I can buy you a coffee for this amazing tips you are sharing with us? 🙂

[@pahtashow]

Services page and service page tutorial design request !

[@JackCao]

Any designs in particular?

[@pahtashow]

@@JackCao Kadace blocks pro with your favorites kadence or non-kadence plugins

[@JackCao]

@@pahtashow I mean do you have a link to a page for me to reference the web design?

[@pahtashow]

@@JackCao I do not know the principal elements, SEO recommendations, best practices... this why I am requesting

[@JackCao]

@@pahtashow I see. Noted on your request 😊 Will look into it

[@freekrider803]

Hi jack can you create a good and beautiful, fast loading, website in (Restaurant's) based website for us....which includes hotel booking,contact, testimonials, Google reviews in free kadence block... Thank you jack waiting for your reply..

[@JackCao]

That's like a 5 hour tutorial. Lol! Will keep that in mind, but I don't think it will be that soon.

[@freekrider803]

@@JackCao can i expect that tutorial from you in future...

[@JackCao]

@@freekrider803 Can you do me a favour and show me an example restuarant site that I can reference? Will definitely do a tutorial.

[@MB-sl8pw]

I can see why you hide the speed score cause that wasn't impressive at all.

[@JackCao]

Nope. If I were to hide, I would have hide the link as well. Speed is good, just that I was lazy to toggle off theme features that are slowing down the site, like "related posts".

[@MB-sl8pw]

@@JackCao ok i see. Looking into Gutenberg as i used to use divi and with their speed update its not diffrent from the numbers you got there so im wondering if should chance to Gutenberg

[@JackCao]

@@MB-sl8pw Absolutely. There is a learning curve but it is well worth the time learning to use it. I have a couple of step by step tutorials here: kzbin.info/aero/PLaWK8UfrNqw3605EvDefj4b697LbP_UiG I'm pretty sure if you follow one of them, you will get a hang of it. You will see near perfect scores for those pages in the tutorials.

[@MB-sl8pw]

@@JackCao are the speed numbers before cache plugin ?

[@JackCao]

@@MB-sl8pw Before. Not all Gutenberg blocks are made equal. You gotta know which ones will slow down your site. kzbin.info/www/bejne/jIaYh4ZmhdRnnpY But generally you don't need a caching plugin to get a good score.