Avoid an excessive DOM size

This topic has 10 replies, 3 voices, and was last updated 9 months, 2 weeks ago by Aizaz Imtiaz Awan.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
January 28, 2024 at 9:10 pm #534318

satishreesarees
Participant

Hi we are getting this issue of dome size so we want solution for this please look into this and thanks

Attachments:
You must be logged in to view attached files.

January 29, 2024 at 3:29 pm #534555

Aizaz Imtiaz Awan
Keymaster

Hello,

Avoid an excessive DOM size. The number of DOM elements are generated in the process of content building. All page builder elements are DOM elements. If you want to reduce DOM elements you will have to reduce the content: widgets, products, menu items, and others.

Best Regards.

February 1, 2024 at 7:55 pm #535974

satishreesarees
Participant

how to reduce this ?

please share the step to solve this.

February 2, 2024 at 9:46 am #536071

Aizaz Imtiaz Awan
Keymaster

Hello,

If you see the report, you can see that all DIV elements there have specific CSS classes and they come from some of the installed plugins, not from the theme. Our WoodMart is one of the most optimized themes on the market.

All page builder elements are DOM elements. If you want to reduce DOM elements you will have to reduce the content: widgets, products, menu items, and others.

Best Regards.

February 2, 2024 at 10:06 pm #536337

satishreesarees
Participant

the problem with your team is you people never accept your fault andd try to prove yourself always best.

and espacily you Aizaz, you have never given any proper solution to any of the problem that we have ever mentioned,

you are saying that your theme is most optimized them,” check the screenshot that i have attached in the start of the topic.check the class name it is from woodmart theme”

dont be extra smart and try to help us.

February 3, 2024 at 3:48 am #536364

jackennils
Participant

Well, he’s right. The less content on a single page, the less DOM elements have to be rendered. Best practise: Delete your page and there are 0 DOMs to be rendered. 100% optimization. 🙂

February 3, 2024 at 2:59 pm #536461

Aizaz Imtiaz Awan
Keymaster

Hello @satishreesarees,

Here is some steps how to reduce Dom size:

01. Enable this option for all dropdowns with HTML blocks via Appearance -> Menus. It is very useful to reduce the DOM size on the initial page load and improve the performance.
https://ibb.co/2s0MLNj

All these options can reduce your page size by 10-40% but you need to check everything carefully after enabling/disabling any of the mentioned options.

02. Don’t create bloated pages with tons of different sliders, animations, carousels and products. Note that every element on the page increases its complexity and DOM size. That would lead to further problems with performance. So keep it as simple and clean as possible.

Best Regards.

February 4, 2024 at 10:42 am #536582

satishreesarees
Participant

the image link that you have shared is not opening, and we have not added any unusefull things

the issue is with the logo on the home page as you can see on screenshot

February 5, 2024 at 12:22 pm #536769

Aizaz Imtiaz Awan
Keymaster

Hello,

The image I have shared is working fine. Check back your site and check the link.

What is the issue with the logo? The logo is showing fine on your site.

Best Regards.

February 6, 2024 at 6:58 pm #537380

satishreesarees
Participant

the problem is i have already told you, DOM size

February 7, 2024 at 4:32 pm #537709

Aizaz Imtiaz Awan
Keymaster

Hello,

You can add that all DOM elements are necessary and we try to avoid using unnecessary HTML tags and improve this in every update. If you find any HTML tag (DOM element) that you think can be removed you can write to us and we will check it.

Best Regards.
Author

Posts