{"id":42878,"date":"2020-09-25T04:38:56","date_gmt":"2020-09-25T04:38:56","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=42878"},"modified":"2025-12-29T10:31:12","modified_gmt":"2025-12-29T08:31:12","slug":"speed-up-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/speed-up-elementor\/","title":{"rendered":"Elementor 3.0: How We Improved Performance"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

We are always looking for new ways to improve the speed and performance of Elementor websites. In Elementor’s newest release \u2014 Elementor 3.0, we’ve focused heavily on improving the performance of your pages.<\/p>\n

Many factors affect the loading speed of a website<\/a>. Factors like the hosting provider, the theme, the number of plugins, caching, HTML code, and others. <\/p>\n

While we cannot control external factors, we can (and do) work towards making sure that our product is optimized as best as possible. Certain changes, however, require the right time to be implemented. <\/p>\n

Some improvements \u2014 like CSS<\/a> rendering, have a low potential to cause issues while other changes \u2014 like the removal of DOM elements, have a high-potential to break some websites, and cause issues. <\/p>\n

Introducing breaking changes is something that is traditionally done only in major releases, so we took this opportunity to introduce those changes and improvements and by reducing DOM elements and improving CSS rendering, we are taking one step closer towards better performance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

For an Even Better Speed Optimization, Try Using Elementor Together With WP Rocket<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

CSS Rendering Performance Improvement in Elementor 3.0<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Elementor has two ways for rendering website CSS:\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

1. Printing it in a\u00a0<style><\/code>\u00a0tag in the DOM.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

2. Writing it to a CSS file that will be loaded with the page<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The CSS written to files, for example, is completely static. It is printed once into a file, and that file is only updated when a change is made to the page’s content. But what about dynamic content?\u00a0<\/p>

Some dynamic content includes its own CSS, such as colors and images (when used as background-image values). Dynamic content, such as custom fields, is disconnected from the page’s content and can be changed outside of editing the post or page in Elementor Editor.\u00a0<\/p>

So what happens when dynamic values include CSS that needs to be printed every single time a page is loaded?<\/p>

Up until Elementor 3.0, whenever a page was loaded, Elementor’s Dynamic Tags module scanned the entire page for any elements that include dynamic content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

If dynamic content was found, the module fetched that element\u2019s dynamic values, wrote the relevant CSS into a\u00a0<style><\/code>\u00a0tag, and injected it into the DOM.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

This, as described in this post<\/a>, is an expensive process, costing precious loading time.<\/p>

In Elementor 3.0<\/a>, we changed the way we manage the rendering process of dynamic CSS. On the first time a page is loaded, when the page\u2019s static CSS is rendered, we create a cache that includes a list of the page\u2019s elements which have dynamic CSS values.\u00a0<\/p>

Then, whenever that page is visited, we fetch the list of dynamic elements from the cache and render them immediately. Instead of having to iterate over all the elements of the page every single time the page loads \u2013 we get those elements from the already-available list of dynamic elements. This saves a lot of run time and makes page load noticeably faster.<\/p>

Here are some results from tests we ran on Blackfire<\/a> to examine the difference before and after our optimization:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSee How Elementor Prioritizes and Improves Website Performance<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Page with no dynamic content at all:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"blackfire-no-dynamic-elements\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Page with dynamic elements:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"blackfire-with-dynamic-elements\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

DOM Improvements \u2014 HTML Wrapper Removal \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"dom-improvements\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

We have been receiving feedback from our users about the large number of wrapper elements we include in the HTML output of the website builder.\u00a0<\/p>

The feedback stated that many of the wrappers are not necessary and that they increase the size of web pages and harm performance.<\/p>

The presence of these wrappers is due to the diverse use of Elementor, the ability to use these selectors in various ways to customize your site, and the omni-purpose of Elementor as a solution for creating advanced websites visually.<\/p>

Removing wrapper elements from the DOM contributes to more simplified code output, better readability, and less complexity. A smaller DOM contributes to increases in speed and performance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

The Wrappers We Removed<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Without further ado, here are the classes of the wrappers being removed from Elementor in Elementor 3.0:<\/p>

.elementor-inner<\/code><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Previously used under the main wrapper for each document type (e.g. header, post content, footer), a document\u2019s markup in Elementor v2.9 and below looks like this:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1234\" class=\"elementor elementor-1234\" data-elementor-settings=\"[]\">\n\t<div class=\"elementor-inner\">\n\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\/\/ Section Content\n\t\t<\/div>\n\t<\/div>\n<\/div><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09cb77a elementor-widget elementor-widget-text-editor\" data-id=\"09cb77a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In Elementor 3.0+, it will look like this:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5e8145 elementor-widget elementor-widget-code-highlight\" data-id=\"a5e8145\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><div data-elementor-type=\"wp-post\" data-elementor-id=\"1234\" class=\"elementor elementor-1234\" data-elementor-settings=\"[]\">\n\t<div class=\"elementor-section-wrap\">\n\t\t\/\/ Section Content\n\t<\/div>\n<\/div><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52fd163 elementor-widget elementor-widget-text-editor\" data-id=\"52fd163\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>.<code>elementor-row<\/code>\u00a0and\u00a0<\/strong><strong><code>.elementor-column-wrap<\/code><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a7a6a3 elementor-widget elementor-widget-text-editor\" data-id=\"0a7a6a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><code>.elementor-row<\/code>\u00a0was previously used inside\u00a0<a href=\"https:\/\/elementor.com\/help\/section-overview\/\" target=\"_blank\" rel=\"noopener\">sections<\/a>.<\/p><p><code>.elementor-column-wrap<\/code>was previously used under the main wrapper for each\u00a0<a href=\"https:\/\/elementor.com\/help\/column-overview\/\" target=\"_blank\" rel=\"noopener\">column<\/a>\u00a0in Elementor.<\/p><p>A section\u2019s markup in Elementor v2.9 and below looks like this:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83bdfcf elementor-widget elementor-widget-code-highlight\" data-id=\"83bdfcf\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><section class=\"elementor-element elementor-element-1234 elementor-section-boxed elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1234\" data-element_type=\"section\">\n\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t<div class=\"elementor-row\">\n\t\t\t<div class=\"elementor-element elementor-element-c5165a6 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c5165a6\" data-element_type=\"column\">\n\t\t\t\t<div class=\"elementor-column-wrap  elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\/\/ Widgets here\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ce3f04 elementor-widget elementor-widget-text-editor\" data-id=\"3ce3f04\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In Elementor 3.0+, it will look like this:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-def48b1 elementor-widget elementor-widget-code-highlight\" data-id=\"def48b1\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><section class=\"elementor-element elementor-element-1234 elementor-section-boxed elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1234\" data-element_type=\"section\">\n\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t<div class=\"elementor-element elementor-element-1a2b3c4 elementor-column elementor-col-100 elementor-top-column\" data-id=\"1a2b3c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\/\/ Widgets here\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6748be0 elementor-widget elementor-widget-text-editor\" data-id=\"6748be0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As always, we recommend that you <a href=\"https:\/\/elementor.com\/blog\/backup-wordpress\/\" target=\"_blank\" rel=\"noopener\">backup your website<\/a> before making any major changes.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c62e05f elementor-widget elementor-widget-heading\" data-id=\"c62e05f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Improve Your Website\u2019s Speed Performance With Elementor 3.0\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dd1ee7 elementor-widget elementor-widget-text-editor\" data-id=\"9dd1ee7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor has invested significant time in improving your website performance by removing elements that weigh heavy on the websites \u2014 like the DOM wrapper elements, and by optimizing other elements, like CSS, to work better. But that\u2019s not all, there will be more changes, so make sure that you <a href=\"https:\/\/developers.elementor.com\/tag\/elementor-v3-0\/\" target=\"_blank\" rel=\"noopener\">stay tuned<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Learn about the considerable Elementor 3.0 speed and performance improvements that include CSS rendering and DOM element removal.<\/p>\n","protected":false},"author":194347,"featured_media":42880,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[45,44],"tags":[79],"marketing_persona":[51],"marketing_intent":[49],"class_list":["post-42878","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-elementor","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Performance Improvements For Elementor 3.0<\/title>\n<meta name=\"description\" content=\"Learn about the considerable Elementor 3.0 speed and performance improvements that include CSS rendering and DOM element removal.\" \/>\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\/blog\/speed-up-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Performance Improvements For Elementor 3.0\" \/>\n<meta property=\"og:description\" content=\"Learn about the considerable Elementor 3.0 speed and performance improvements that include CSS rendering and DOM element removal.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/speed-up-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-25T04:38:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T08:31:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Artboard-1-copy-6.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1920\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Udi Dollberg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Udi Dollberg\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/\"},\"author\":{\"name\":\"Udi Dollberg\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/d58da317527a9cad2ea858676785fb1c\"},\"headline\":\"Elementor 3.0: How We Improved Performance\",\"datePublished\":\"2020-09-25T04:38:56+00:00\",\"dateModified\":\"2025-12-29T08:31:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/\"},\"wordCount\":818,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Performance-improvements.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"Development\",\"Elementor\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/speed-up-elementor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/\",\"url\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/\",\"name\":\"Performance Improvements For Elementor 3.0\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Performance-improvements.png\",\"datePublished\":\"2020-09-25T04:38:56+00:00\",\"dateModified\":\"2025-12-29T08:31:12+00:00\",\"description\":\"Learn about the considerable Elementor 3.0 speed and performance improvements that include CSS rendering and DOM element removal.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/speed-up-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Performance-improvements.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Performance-improvements.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/speed-up-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elementor 3.0: How We Improved Performance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/d58da317527a9cad2ea858676785fb1c\",\"name\":\"Udi Dollberg\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/266fe955548f0b4200fdd883c48e33d033b9e7b1d223c4e280f0718b9a765033?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/266fe955548f0b4200fdd883c48e33d033b9e7b1d223c4e280f0718b9a765033?s=96&d=mm&r=g\",\"caption\":\"Udi Dollberg\"},\"description\":\"Udi is a talented developer in Elementor\u2019s Editor team and loves cars, woodworking and classic jazz.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/udidol\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Performance Improvements For Elementor 3.0","description":"Learn about the considerable Elementor 3.0 speed and performance improvements that include CSS rendering and DOM element removal.","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\/blog\/speed-up-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Performance Improvements For Elementor 3.0","og_description":"Learn about the considerable Elementor 3.0 speed and performance improvements that include CSS rendering and DOM element removal.","og_url":"https:\/\/elementor.com\/blog\/speed-up-elementor\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2020-09-25T04:38:56+00:00","article_modified_time":"2025-12-29T08:31:12+00:00","og_image":[{"width":1080,"height":1920,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Artboard-1-copy-6.png","type":"image\/png"}],"author":"Udi Dollberg","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Udi Dollberg","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/"},"author":{"name":"Udi Dollberg","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/d58da317527a9cad2ea858676785fb1c"},"headline":"Elementor 3.0: How We Improved Performance","datePublished":"2020-09-25T04:38:56+00:00","dateModified":"2025-12-29T08:31:12+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/"},"wordCount":818,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Performance-improvements.png","keywords":["Build"],"articleSection":["Development","Elementor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/speed-up-elementor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/","url":"https:\/\/elementor.com\/blog\/speed-up-elementor\/","name":"Performance Improvements For Elementor 3.0","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Performance-improvements.png","datePublished":"2020-09-25T04:38:56+00:00","dateModified":"2025-12-29T08:31:12+00:00","description":"Learn about the considerable Elementor 3.0 speed and performance improvements that include CSS rendering and DOM element removal.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/speed-up-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Performance-improvements.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/09\/Performance-improvements.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/speed-up-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"Elementor 3.0: How We Improved Performance"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/d58da317527a9cad2ea858676785fb1c","name":"Udi Dollberg","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/266fe955548f0b4200fdd883c48e33d033b9e7b1d223c4e280f0718b9a765033?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/266fe955548f0b4200fdd883c48e33d033b9e7b1d223c4e280f0718b9a765033?s=96&d=mm&r=g","caption":"Udi Dollberg"},"description":"Udi is a talented developer in Elementor\u2019s Editor team and loves cars, woodworking and classic jazz.","url":"https:\/\/elementor.com\/blog\/author\/udidol\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/42878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/194347"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=42878"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/42878\/revisions"}],"predecessor-version":[{"id":149120,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/42878\/revisions\/149120"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/42880"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=42878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=42878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=42878"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=42878"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=42878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}