{"id":3838,"date":"2020-08-19T17:12:15","date_gmt":"2020-08-19T14:12:15","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=3838"},"modified":"2024-02-01T14:09:19","modified_gmt":"2024-02-01T12:09:19","slug":"what-is-the-optimized-dom","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/","title":{"rendered":"Optimized DOM Output and custom code"},"content":{"rendered":"\n<p>Optimized DOM output aims to improve performance by decreasing the number of wrapper elements present in the HTML generated by Elementor.<\/p>\n\n\n\n<p>[callout type=&#8221;important&#8221;]This feature includes some markup changes which may affect the custom code users have implemented in their websites. If your custom code is affected, you will need to rewrite your CSS, taking into account the new HTML structure. For more details about these changes, check out our <a href=\"https:\/\/developers.elementor.com\/elementor-3-19-developers-update\/#:~:text=Experiments%20and%20Features\">developers update<\/a>.[\/callout]<\/p>\n\n\n\n<p>Starting with Elementor 3.0, some significant DOM improvements have been made to boost the speed and performance of new Elementor websites. These improvements involved removing a number of HTML wrapper elements that were output by Elementor. <\/p>\n\n\n\n<p>Removing these wrapper elements from the DOM contributes to simplified code output, better readability and less complexity. A smaller DOM contributes to increases in speed and performance. However, removing these elements may affect some web creator&#8217;s custom code. &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Wrappers Removed<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Elementor Version 3.6<\/h4>\n\n\n\n<p>Removed elementor-section-wrap<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Elementor Version 3.2<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>.elementor-image<\/li>\n\n\n\n<li>.elementor-text-editor<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Elementor Version 3.0<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>.elementor-inner<\/li>\n\n\n\n<li>.elementor-row<\/li>\n\n\n\n<li>.elementor-column-wrap<\/li>\n<\/ul>\n\n\n\n<p>[callout type=&#8221;important&#8221;]Starting with Elementor 3.19, these DOM improvements were fully incorporated into the Elementor Core meaning they are not longer optional. If you used any of these wrapper classes in your custom CSS or custom code, you need to refactor your code to use different wrapper classes that aren\u2019t being removed. Otherwise, your custom styles or code will no longer function properly.[\/callout]<\/p>\n\n\n\n<p>See the developers post about this change&nbsp;<a href=\"https:\/\/developers.elementor.com\/dom-improvements-ahead-html-wrappers-removal-from-v3-0\/\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The optimized DOM boosts speed and performance of new Elementor websites<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65ba31a7ae649b46663aa28f"],"footnotes":""},"categories":[1461],"tags":[1327],"class_list":["post-3838","post","type-post","status-publish","format-standard","hentry","category-performance","tag-performance"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Optimized DOM Output and custom code | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Optimized DOM Output and custom code in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimized DOM Output and custom code | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Optimized DOM Output and custom code in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-19T14:12:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-01T12:09:19+00:00\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Optimized DOM Output and custom code\",\"datePublished\":\"2020-08-19T14:12:15+00:00\",\"dateModified\":\"2024-02-01T12:09:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/\"},\"wordCount\":245,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"keywords\":[\"Performance\"],\"articleSection\":[\"Performance\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/\",\"url\":\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/\",\"name\":\"Optimized DOM Output and custom code | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"datePublished\":\"2020-08-19T14:12:15+00:00\",\"dateModified\":\"2024-02-01T12:09:19+00:00\",\"description\":\"Learn everything about Optimized DOM Output and custom code in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Performance\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/performance\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Optimized DOM Output and custom code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optimized DOM Output and custom code | Elementor","description":"Learn everything about Optimized DOM Output and custom code in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/","og_locale":"en_US","og_type":"article","og_title":"Optimized DOM Output and custom code | Elementor","og_description":"Learn everything about Optimized DOM Output and custom code in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/","og_site_name":"Help","article_published_time":"2020-08-19T14:12:15+00:00","article_modified_time":"2024-02-01T12:09:19+00:00","author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Optimized DOM Output and custom code","datePublished":"2020-08-19T14:12:15+00:00","dateModified":"2024-02-01T12:09:19+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/"},"wordCount":245,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"keywords":["Performance"],"articleSection":["Performance"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/","url":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/","name":"Optimized DOM Output and custom code | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"datePublished":"2020-08-19T14:12:15+00:00","dateModified":"2024-02-01T12:09:19+00:00","description":"Learn everything about Optimized DOM Output and custom code in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/what-is-the-optimized-dom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Performance","item":"https:\/\/elementor.com\/help\/elementor-editor\/performance\/"},{"@type":"ListItem","position":4,"name":"Optimized DOM Output and custom code"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=3838"}],"version-history":[{"count":14,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3838\/revisions"}],"predecessor-version":[{"id":45177,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3838\/revisions\/45177"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=3838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=3838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=3838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}