{"id":33162,"date":"2020-01-11T13:14:00","date_gmt":"2020-01-11T11:14:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=33162"},"modified":"2024-12-17T17:13:06","modified_gmt":"2024-12-17T15:13:06","slug":"lazy-loading","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/lazy-loading\/","title":{"rendered":"Lazy loading"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Lazy-Loading<\/h2>\n\n\n\n<p>Lazy-loading (also known as on-demand loading) is a system for optimizing your page\u2019s loading time.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Normally, users receive an entire page in one shot. However, with lazy-loading, necessary resources are loaded first while non-critical ones are deferred. For instance, on-screen images are usually loaded first while off-screen images are loaded later.&nbsp;<\/p>\n\n\n\n<p>An example of the lazy-loading technique is the infinity scroll, where the web page content loads as (and when) users scroll down the page.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lazy Loading in Elementor<\/h2>\n\n\n\n<p>Elementor offers you several ways to take advantage of lazy loading:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optimized Image loading <\/strong>improves performance by identifying the images that will take the longest time to load and giving them priority.\u00a0 To learn more about this feature, see<a href=\"https:\/\/elementor.com\/help\/image-loading-optimization\/\"> Image Loading Optimization<\/a>.<\/li>\n\n\n\n<li><strong>Lazy Load background images<\/strong> speeds up page load times by applying lazy loading to all background images except the first one.\u00a0 For details, see <a href=\"https:\/\/elementor.com\/help\/what-are-performance-experiments\/\">Improve performance features<\/a>.\u00a0<\/li>\n\n\n\n<li>A number of widgets that include images give you the option to apply lazy loading. For example, to improve performance, the <a href=\"https:\/\/elementor.com\/help\/image-carousel-widget\/\">Image Carousel widget<\/a> gives you a lazy load option so images are only loaded when they are about to be displayed.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Pros &amp; Cons of Lazy-Loading<\/h2>\n\n\n\n<p>Lazy-loading is a relatively uncontroversial performance improvement technique. It is used to cut down needless downloads for sites with lots of inline imagery, speeding up page loading times. However, there are pros and cons as with any technique.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lazy-loading advantages:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reduced loading time and memory usage.<\/li>\n\n\n\n<li>No unnecessary code execution.<\/li>\n\n\n\n<li>Optimal time and resources make it cost-effective for website owners.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Lazy-loading disadvantages:<\/h3>\n\n\n\n<p>May affect the website\u2019s search engine rankings due to incorrect indexing of the unloaded content.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lazy-Loading Lazy-loading (also known as on-demand loading) is a system for optimizing your page\u2019s loading time.&nbsp;&nbsp; Normally, users receive an entire page in one shot. However, with lazy-loading, necessary resources are loaded first while non-critical ones are deferred. For instance, on-screen images are usually loaded first while off-screen images are loaded later.&nbsp; An example of [&hellip;]<\/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":["65ba3ce942bc8d19c14b74a8"],"footnotes":""},"categories":[1461],"tags":[],"class_list":["post-33162","post","type-post","status-publish","format-standard","hentry","category-performance"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Lazy loading | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Lazy 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\/lazy-loading\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazy loading | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Lazy 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\/lazy-loading\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-11T11:14:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-17T15:13:06+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\/lazy-loading\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/lazy-loading\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Lazy loading\",\"datePublished\":\"2020-01-11T11:14:00+00:00\",\"dateModified\":\"2024-12-17T15:13:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/lazy-loading\/\"},\"wordCount\":281,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"articleSection\":[\"Performance\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/lazy-loading\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/lazy-loading\/\",\"url\":\"https:\/\/elementor.com\/help\/lazy-loading\/\",\"name\":\"Lazy loading | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"datePublished\":\"2020-01-11T11:14:00+00:00\",\"dateModified\":\"2024-12-17T15:13:06+00:00\",\"description\":\"Learn everything about Lazy loading in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/lazy-loading\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/lazy-loading\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/lazy-loading\/#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\":\"Lazy 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":"Lazy loading | Elementor","description":"Learn everything about Lazy 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\/lazy-loading\/","og_locale":"en_US","og_type":"article","og_title":"Lazy loading | Elementor","og_description":"Learn everything about Lazy loading in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/lazy-loading\/","og_site_name":"Help","article_published_time":"2020-01-11T11:14:00+00:00","article_modified_time":"2024-12-17T15:13:06+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\/lazy-loading\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/lazy-loading\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Lazy loading","datePublished":"2020-01-11T11:14:00+00:00","dateModified":"2024-12-17T15:13:06+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/lazy-loading\/"},"wordCount":281,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"articleSection":["Performance"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/lazy-loading\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/lazy-loading\/","url":"https:\/\/elementor.com\/help\/lazy-loading\/","name":"Lazy loading | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"datePublished":"2020-01-11T11:14:00+00:00","dateModified":"2024-12-17T15:13:06+00:00","description":"Learn everything about Lazy loading in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/lazy-loading\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/lazy-loading\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/lazy-loading\/#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":"Lazy 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\/33162","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=33162"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/33162\/revisions"}],"predecessor-version":[{"id":54369,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/33162\/revisions\/54369"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=33162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=33162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=33162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}