Aug 10
Menu Builder for optimization Suboptimal Dom Size element issue.
Hello,One of the most critical aspects of website optimization is managing the DOM size of pages. Analyses reveal that in most WoodMart theme demos, desktop and mobile mega-menus are rendered and loaded even when the user has not opened them. This is an incorrect practice that causes the page DOM size to bloat, exceeding the recommended maximum limit of 1,500 DOM nodes per page.To solve this important issue, a section "Menu Builder" for customization should be embedded in the theme, and the structure of mega menus, whether in mobile or desktop mode, should be checked through JavaScript or user agent checking, so that after user interaction and click or hover on the mega menu, the desired element for desktop mode is loaded only in desktop mode, and the element for mobile mode is loaded only in mobile mode. This will manage the Dom element on the entire page and not render all the Dom elements at once, and ultimately the performance of the theme and the site will increase significantly.You can also use this website or the DOM Size Analyzer extension to check if your DOM size is within the optimal range.https://teckblaze.com/tools/dom-size-test
Pending