{"id":1993,"date":"2021-11-05T01:23:31","date_gmt":"2021-11-05T01:23:31","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=1993"},"modified":"2022-12-07T18:07:39","modified_gmt":"2022-12-07T18:07:39","slug":"image-lazy-loading","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/05\/image-lazy-loading\/","title":{"rendered":"Image Lazy Loading"},"content":{"rendered":"\n<p>Here, we discussed Image lazy loading. What this does is to only load the images that are visible in the viewport. As the user scrolls and more images come into view, they are then loaded as well. This provides an instant benefit to page load times, as only the initial images in the viewport are loaded.<\/p>\n\n\n\n<p>This can be enabled under the <code class=\"code-grey\">Images lazyload<\/code> toggle at&nbsp;<code class=\"code-grey\">UDesign &gt; Theme Options &gt; Features &gt; Lazyload<\/code>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized screen-capture\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/lazy-load-1024x649.png\" alt=\"\" class=\"wp-image-8213\" width=\"927\" height=\"588\"\/><\/figure>\n\n\n\n<p class=\"mt-6\">After setting option toggle, you will see how it works.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture\"><img decoding=\"async\" width=\"930\" height=\"441\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/lazy-1.jpg\" alt=\"Feature Image\" class=\"wp-image-1999\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/lazy-1.jpg 930w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/lazy-1-768x364.jpg 768w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><figcaption>Loading<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/lazy-load1-1024x488.jpg\" alt=\"\" class=\"wp-image-8214\" width=\"933\" height=\"445\"\/><figcaption>Loaded<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Here, we discussed Image lazy loading. What this does is to only load the images that are visible in the viewport. As the user scrolls and more images come into view, they are then loaded as well. This provides an instant benefit to page load times, as only the initial images in the viewport are [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[17],"tags":[],"class_list":["post-1993","post","type-post","status-publish","format-standard","hentry","category-add-ons"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=1993"}],"version-history":[{"count":1,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1993\/revisions"}],"predecessor-version":[{"id":8215,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1993\/revisions\/8215"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=1993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=1993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=1993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}