{"id":41176,"date":"2023-10-25T09:37:05","date_gmt":"2023-10-25T06:37:05","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=41176"},"modified":"2024-09-25T15:36:54","modified_gmt":"2024-09-25T12:36:54","slug":"image-loading-optimization","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/image-loading-optimization\/","title":{"rendered":"Optimized Image Loading"},"content":{"rendered":"\n<p>Image Loading Optimization is a feature designed to improve performance by decreasing the time it takes for a page to load.<\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]You can also significantly speed up page loading by optimizing your site&#8217;s images. For more details, check out <a href=\"https:\/\/elementor.com\/help\/what-is-the-image-optimizer\/\">What is the Image Optimizer plugin by Elementor?<\/a>[\/callout]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Enabling and disabling the feature<\/h2>\n\n\n\n<p><strong>To enable or disable Optimized Image Loading<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From WP Admin, navigate to <strong>Elementor&gt;Settings<\/strong>.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"280\" height=\"597\" class=\"wp-image-50229\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png 327w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2-141x300.png 141w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>The Settings screen appears in the right pane.<br><img decoding=\"async\" width=\"680\" height=\"507\" class=\"wp-image-50230\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-the-Performance-tab.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-the-Performance-tab.png 800w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-the-Performance-tab-300x224.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-the-Performance-tab-768x573.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click the <strong>Performance <\/strong>tab.<br><img decoding=\"async\" width=\"680\" height=\"542\" class=\"wp-image-50235\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-enable-or-disable.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-enable-or-disable.png 1041w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-enable-or-disable-300x239.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-enable-or-disable-1024x816.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-enable-or-disable-768x612.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Use the <strong>Optimized Image Loading<\/strong> dropdown menu to select either <strong>Enable <\/strong>or <strong>Disable<\/strong>. <br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"532\" class=\"wp-image-50232\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-Save-Changes-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-Save-Changes-1.png 1073w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-Save-Changes-1-300x235.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-Save-Changes-1-1024x802.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Click-Save-Changes-1-768x601.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click <strong>Save Changes<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">What does it do?<\/h2>\n\n\n\n<p>Image Loading Optimization speeds up page load times by automatically identifying the image that will take the longest time to load and giving it priority. This typically improves page loading times by 5-10%.<\/p>\n\n\n\n<p>In addition, this feature implements smart lazy-loading, which detects and implements lazy loading when it\u2019s beneficial, and prevents it when it\u2019s detrimental. For more information on lazy loading, see <a href=\"https:\/\/elementor.com\/help\/lazy-loading\/\">Lazy Loading<\/a>.&nbsp;&nbsp;<\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]In Image Loading Optimization, lazy loading is not applied to &#8220;above the fold&#8221; images &#8211; the images at the top of the page when it loads.[\/callout]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Image Loading Optimization is a feature designed to improve performance by decreasing the time it takes for a page to load. [callout type=&#8221;note&#8221;]You can also significantly speed up page loading by optimizing your site&#8217;s images. For more details, check out What is the Image Optimizer plugin by Elementor?[\/callout] Enabling and disabling the feature To enable [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65bce9a6cb3821cc5939ff75"],"footnotes":""},"categories":[1461],"tags":[1326,1327,1386],"class_list":["post-41176","post","type-post","status-publish","format-standard","hentry","category-performance","tag-experiment","tag-performance","tag-version-3-17"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Optimized Image Loading | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Optimized Image Loading 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\/image-loading-optimization\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimized Image Loading | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Optimized Image Loading in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/image-loading-optimization\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-25T06:37:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-25T12:36:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"327\" \/>\n\t<meta property=\"og:image:height\" content=\"697\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\/image-loading-optimization\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Optimized Image Loading\",\"datePublished\":\"2023-10-25T06:37:05+00:00\",\"dateModified\":\"2024-09-25T12:36:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/\"},\"wordCount\":205,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png\",\"keywords\":[\"Experiment\",\"Performance\",\"Version 3.17\"],\"articleSection\":[\"Performance\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/\",\"url\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/\",\"name\":\"Optimized Image Loading | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png\",\"datePublished\":\"2023-10-25T06:37:05+00:00\",\"dateModified\":\"2024-09-25T12:36:54+00:00\",\"description\":\"Learn everything about Optimized Image Loading in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/image-loading-optimization\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png\",\"width\":327,\"height\":697},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/image-loading-optimization\/#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 Image Loading\"}]},{\"@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 Image Loading | Elementor","description":"Learn everything about Optimized Image Loading 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\/image-loading-optimization\/","og_locale":"en_US","og_type":"article","og_title":"Optimized Image Loading | Elementor","og_description":"Learn everything about Optimized Image Loading in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/image-loading-optimization\/","og_site_name":"Help","article_published_time":"2023-10-25T06:37:05+00:00","article_modified_time":"2024-09-25T12:36:54+00:00","og_image":[{"width":327,"height":697,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png","type":"image\/png"}],"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\/image-loading-optimization\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Optimized Image Loading","datePublished":"2023-10-25T06:37:05+00:00","dateModified":"2024-09-25T12:36:54+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/"},"wordCount":205,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png","keywords":["Experiment","Performance","Version 3.17"],"articleSection":["Performance"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/","url":"https:\/\/elementor.com\/help\/image-loading-optimization\/","name":"Optimized Image Loading | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png","datePublished":"2023-10-25T06:37:05+00:00","dateModified":"2024-09-25T12:36:54+00:00","description":"Learn everything about Optimized Image Loading in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/image-loading-optimization\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Select-Elementor-Settings-2.png","width":327,"height":697},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/image-loading-optimization\/#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 Image Loading"}]},{"@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\/41176","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=41176"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/41176\/revisions"}],"predecessor-version":[{"id":53020,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/41176\/revisions\/53020"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=41176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=41176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=41176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}