A large DOM will increase memory usage, cause longer style calculations,
-
Total DOM Elements
3,808
Maximum DOM Depth
₹
<span class=”woocommerce-Price-currencySymbol”>
28
Maximum Child Elements
Select a category Accessories Allopathy BRAND Abbott India Limited. …
<select name=”product_cat” id=”product_cat” class=”dropdown_product_cat select2-hidden-accessible” tabindex=”-1″ aria-hidden=”true”>
304
Hello,
The number of DOM elements on your page corresponds to a number of WPBakery elements you use on that page. It means that reducing the number of products, images, menu items, posts and others will reduce the number of DOM elements as well.
1. You need to setup CDN
2. Use better JS, CSS and HTML minification. We prefer WP Rocket for these tasks.
3. Reduce image sizes on your homepage elements.
Furthermore you can read our ultimate guide of optimizations in the following link:
https://space.xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021
Best Regards