{"id":47773,"date":"2019-09-16T08:38:31","date_gmt":"2019-09-16T13:38:31","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=47773"},"modified":"2021-08-16T15:57:05","modified_gmt":"2021-08-16T19:57:05","slug":"using-lazy-images-in-jetpack","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/","title":{"rendered":"Using Lazy Images in Jetpack"},"content":{"rendered":"<p>In this article:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#enable-lazy-images\">Enabling Lazy Images<\/a><\/li><li><a href=\"#example-lazy-images\">Example post with multiple images<\/a><\/li><\/ul>\n\n\n\n<p>Do you ever see an image slowly loading when looking at a website with your mobile device? This is often a sign that bandwidth is limited creating an unfavorable environment for viewing your website. Jetpack provides a way to reduce this type of latency by using something called <em><strong>Lazy Images<\/strong><\/em>. It works by keeping images from loading when they are not being viewed. This improves the performance of your website, especially for conditions when there is limited bandwidth to load your media. The following tutorial shows you how to enable this performance feature within Jetpack.<\/p>\n\n\n\n<p class=\"alert alert-info\">If you need a secure, optimized server for your WordPress site, then make sure to check out InMotion\u2019s <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress Hosting<\/a> solutions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"enable-lazy-images\">How to Enable Lazy Images in Jetpack<\/h2>\n\n\n\n<p>In order to make changes to the Jetpack settings, you will need to be <a href=\"\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">logged into the WordPress Administrator Dashboard<\/a>.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Click on <strong>Jetpack<\/strong>, then click on <strong>Settings<\/strong><\/li><li>You will see a menu at the top of the <strong>Jetpack Settings<\/strong> screen. Click on <strong>Performance<\/strong>.<\/li><li>Scroll down where you see \u201c<strong>Enable Lazy Loading for images<\/strong>.\u201d Click on the switch to enable it.<\/li><\/ol>\n\n\n\n<p>Once you have enabled the feature, it will immediately affect the images loading on your WordPress site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"example-lazy-images\">Example of Lazy Images<\/h2>\n\n\n\n<p>To further demonstrate how the lazy images feature works, we have provided a screenshot of a WordPress page with multiple images. Normally, you would only see one image at a time, but the screenshot has been zoomed out in order to show the second image.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/arnel-io.com\/wp1831\/wp-content\/uploads\/2019\/09\/jetpack-lazy-images-2.png\"><img decoding=\"async\" width=\"433\" height=\"697\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png\" class=\"optimized-lcp-image\" alt=\"\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png 433w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2-186x300.png 186w\"><\/a><figcaption>Example of Lazy Images working<\/figcaption><\/figure><\/div>\n\n\n\n<p>The images are not actually blurred when the lazy images feature is working.\u00a0 When a page is typically loaded, all images start to be processed by the browser.\u00a0 However, with the lazy images feature enabled, the upcoming images that cannot be seen are not loaded until they come into view.<\/p>\n\n\n\n<p>Congratulations! You can now enable lazy images in Jetpack to improve the performance of your WordPress website.\u00a0 In order to learn more, check out the<a href=\"\/support\/edu\/wordpress\/search-engine-optimization-with-jetpack-professional\/\"> Jetpack Search Engine Optimization<\/a> article.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article: Enabling Lazy Images Example post with multiple images Do you ever see an image slowly loading when looking at a website with your mobile device? This is often a sign that bandwidth is limited creating an unfavorable environment for viewing your website. Jetpack provides a way to reduce this type of latency<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[56],"tags":[],"class_list":["post-47773","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using Lazy Images in Jetpack | InMotion Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Lazy Images in Jetpack | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"In this article: Enabling Lazy Images Example post with multiple images Do you ever see an image slowly loading when looking at a website with your mobile device? This is often a sign that bandwidth is limited creating an unfavorable environment for viewing your website. Jetpack provides a way to reduce this type of latency Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-16T13:38:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-16T19:57:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Using Lazy Images in Jetpack\",\"datePublished\":\"2019-09-16T13:38:31+00:00\",\"dateModified\":\"2021-08-16T19:57:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/\"},\"wordCount\":354,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png\",\"articleSection\":[\"WordPress Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/\",\"name\":\"Using Lazy Images in Jetpack | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png\",\"datePublished\":\"2019-09-16T13:38:31+00:00\",\"dateModified\":\"2021-08-16T19:57:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png\",\"width\":433,\"height\":697},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Lazy Images in Jetpack\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using Lazy Images in Jetpack | InMotion Hosting","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:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/","og_locale":"en_US","og_type":"article","og_title":"Using Lazy Images in Jetpack | InMotion Hosting","og_description":"In this article: Enabling Lazy Images Example post with multiple images Do you ever see an image slowly loading when looking at a website with your mobile device? This is often a sign that bandwidth is limited creating an unfavorable environment for viewing your website. Jetpack provides a way to reduce this type of latency Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2019-09-16T13:38:31+00:00","article_modified_time":"2021-08-16T19:57:05+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Using Lazy Images in Jetpack","datePublished":"2019-09-16T13:38:31+00:00","dateModified":"2021-08-16T19:57:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/"},"wordCount":354,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png","articleSection":["WordPress Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/","name":"Using Lazy Images in Jetpack | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png","datePublished":"2019-09-16T13:38:31+00:00","dateModified":"2021-08-16T19:57:05+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/jetpack-lazy-images-2.png","width":433,"height":697},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/using-lazy-images-in-jetpack\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Using Lazy Images in Jetpack"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/47773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=47773"}],"version-history":[{"count":6,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/47773\/revisions"}],"predecessor-version":[{"id":83223,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/47773\/revisions\/83223"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=47773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=47773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=47773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}