{"id":1993,"date":"2021-11-05T01:23:31","date_gmt":"2021-11-05T01:23:31","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/?p=1993"},"modified":"2021-11-11T14:36:42","modified_gmt":"2021-11-11T14:36:42","slug":"image-lazy-loading","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/panda\/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 <strong><code>Images lazyload<\/code><\/strong> toggle at&nbsp;<em><code class=\"code-grey\">PandaStore &gt; Theme Options &gt; Features &gt; Lazyload<\/code><\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large screen-capture\"><img decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-content\/uploads\/sites\/21\/2021\/11\/lazyload-1024x507.jpg\" alt=\"image\" class=\"wp-image-2478\" srcset=\"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-content\/uploads\/sites\/21\/2021\/11\/lazyload-1024x507.jpg 1024w, https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-content\/uploads\/sites\/21\/2021\/11\/lazyload-768x380.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/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-large screen-capture\"><img decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-content\/uploads\/sites\/21\/2021\/11\/lazyload-screen-1024x470.jpg\" alt=\"image\" class=\"wp-image-2479\" srcset=\"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-content\/uploads\/sites\/21\/2021\/11\/lazyload-screen-1024x470.jpg 1024w, https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-content\/uploads\/sites\/21\/2021\/11\/lazyload-screen-768x352.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"mt-6 wp-block-heading\">Where is Lazy Load Enabled?<\/h4>\n\n\n\n<p>Lazy load in enabled in all pages and elements in PandaStore.<\/p>\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":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-1993","post","type-post","status-publish","format-standard","hentry","category-09-add-ons"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/posts\/1993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/comments?post=1993"}],"version-history":[{"count":0,"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/posts\/1993\/revisions"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/media?parent=1993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/categories?post=1993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/panda\/documentation\/wp-json\/wp\/v2\/tags?post=1993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}