Home Forums WoodMart support forum Use HTML Semantic tags instead division + Avoid an excessive DOM size

Use HTML Semantic tags instead division + Avoid an excessive DOM size

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #513982



    Elementor generates many <div> and it affects the HTML dom tree,
    it means that using nested elements,
    instead of, this year for Google updates,
    we need our website to contain semantic elements in HTML rendering


    These are semantic tags:


    and this is non semantic tags:

    <div id="header"></div>
    <div class="section">
    	<div class="article">
    		<div class="figure">
    			<div class="figcaption"></div>
    <div id="footer"></div>

    For indexing purposes, Googlebot is most interested in the main content of a webpage because that’s the part that gets ranked.
    The value of semantic HTML is to make it clear what the individual sections of a webpage are, in particular the section that constitutes the Main Content.

    also, page speed insights show this in an error, see the attachment


    You must be logged in to view attached files.

    Luke Nielsen


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

    As for the Elementor generates many

    , could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

    Kind Regards

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