{"id":29070,"date":"2022-09-20T12:00:00","date_gmt":"2022-09-20T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=29070"},"modified":"2023-12-25T13:24:10","modified_gmt":"2023-12-25T11:24:10","slug":"improve-performance-with-containers","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/","title":{"rendered":"Improve your page performance"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>Using containers for your page design properly, can drastically improve your performance, by reducing the dividers used previously with sections\/columns\/inner sections. This improves the DOM load on the page.<\/p>\n\n\n\n<p>Below is an example of how using containers can optimize your designs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif\" alt=\"\" class=\"wp-image-29071\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">An example of design optimization<\/h2>\n\n\n\n<p>In the top example, two sections were used. The first with a centered heading, and the second with images with captions placed inside columns. In the lower example, the same design results have been achieved using only one container. The five widgets now use the flexbox properties of direction, alignment, justification and wrap to position themselves inside the container. This is a more optimized design and contains far fewer dividers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Next steps<\/h2>\n\n\n\n<p>Now that you&#8217;ve looked at an example of how containers can improve your pages&#8217; performance, take a deep dive into the <a href=\"https:\/\/elementor.com\/help\/container-performance-a-closer-look\/\">DOM reductions you can achieve using containers<\/a>. <\/p>\n\n\n\n<p>To get the most out of<strong> Elementor,<\/strong> check out the <a href=\"https:\/\/elementor.com\/academy\/\">Elementor Academy<\/a> for helpful learning resources. If you come across any issues or need help, please contact our <a href=\"https:\/\/elementor.com\/support\/\">Support Center<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Using containers for your page design properly, can drastically improve your performance, by reducing the dividers used previously with sections\/columns\/inner sections. This improves the DOM load on the page. Below is an example of how using containers can optimize your designs. An example of design optimization In the top example, two sections were used. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65bceb1443c65b1f31943e68"],"footnotes":""},"categories":[1461],"tags":[1327],"class_list":["post-29070","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>Improve your page performance | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Improve your page performance 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\/improve-performance-with-containers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Improve your page performance | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Improve your page performance in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-20T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-25T11:24:10+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\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\/improve-performance-with-containers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Improve your page performance\",\"datePublished\":\"2022-09-20T09:00:00+00:00\",\"dateModified\":\"2023-12-25T11:24:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/\"},\"wordCount\":184,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif\",\"keywords\":[\"Performance\"],\"articleSection\":[\"Performance\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/\",\"url\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/\",\"name\":\"Improve your page performance | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif\",\"datePublished\":\"2022-09-20T09:00:00+00:00\",\"dateModified\":\"2023-12-25T11:24:10+00:00\",\"description\":\"Learn everything about Improve your page performance in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#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\":\"Improve your page performance\"}]},{\"@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\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Improve your page performance | Elementor","description":"Learn everything about Improve your page performance 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\/improve-performance-with-containers\/","og_locale":"en_US","og_type":"article","og_title":"Improve your page performance | Elementor","og_description":"Learn everything about Improve your page performance in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/","og_site_name":"Help","article_published_time":"2022-09-20T09:00:00+00:00","article_modified_time":"2023-12-25T11:24:10+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Improve your page performance","datePublished":"2022-09-20T09:00:00+00:00","dateModified":"2023-12-25T11:24:10+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/"},"wordCount":184,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif","keywords":["Performance"],"articleSection":["Performance"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/","url":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/","name":"Improve your page performance | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif","datePublished":"2022-09-20T09:00:00+00:00","dateModified":"2023-12-25T11:24:10+00:00","description":"Learn everything about Improve your page performance in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/improve-performance-with-containers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/OptimizedWithContainer.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/improve-performance-with-containers\/#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":"Improve your page performance"}]},{"@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\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29070","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=29070"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29070\/revisions"}],"predecessor-version":[{"id":39255,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29070\/revisions\/39255"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=29070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=29070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=29070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}