{"id":15513,"date":"2017-11-21T20:00:03","date_gmt":"2017-11-22T01:00:03","guid":{"rendered":"https:\/\/www.psafe.com\/en\/blog\/?p=15513"},"modified":"2022-04-28T10:18:10","modified_gmt":"2022-04-28T14:18:10","slug":"what-is-lazy-loading-and-what-does-it-do","status":"publish","type":"post","link":"https:\/\/www.psafe.com\/en\/blog\/what-is-lazy-loading-and-what-does-it-do\/","title":{"rendered":"What is Lazy Loading and What Does it Do?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Imagine that you&#8217;re on a commute or trip and you&#8217;re scrolling through Facebook, trying to kill some time. Now imagine that a friend has pasted a link. You press a little too hard while you&#8217;re scrolling through your Facebook feed, and all of a sudden, you&#8217;re on a new page. A page filled with images \u2014 a photo gallery, maybe \u2014 that your friend thought his friends would enjoy, but when you see the first image, you decide maybe it&#8217;s not for you and you leave the page.<\/span><\/p>\n<p><b>What is Lazy Loading?<br \/>\n<\/b><span style=\"font-weight: 400;\">So, what happened when you clicked on the link? Did you load the whole site that you never ended up looking at? If the site uses \u201clazy loading,\u201d then no, you didn&#8217;t. Sites that eat up a lot of data \u2014 photo galleries being a good example \u2014 enable lazy loading so that they load more quickly and don&#8217;t blow all of your data if you end up not looking at them.<\/span><\/p>\n<p><b>Read More: <\/b><a href=\"https:\/\/www.psafe.com\/en\/blog\/cities-travel-fastest-internet\/\"><b>The Cities to Travel to with the Fastest Internet<\/b><\/a><\/p>\n<p><b>How Does Lazy Loading Work?<br \/>\n<\/b><span style=\"font-weight: 400;\">Instead of downloading the entire site in one go, which would take a long time for larger sites, your device downloads a series of placeholders that correspond to the actual information on the page. The browser caches all of the site&#8217;s resources, but doesn&#8217;t actually load them; it simply knows where each one goes. If you end up scrolling through the page, the browser will begin to plug things in right before you get to them. If you&#8217;re nearing a placeholder for a picture, the browser finds that picture in its cache and slides it into place. But, if you glance at a page and decide you don&#8217;t want to read it, no harm, no foul: you&#8217;ve actually only loaded the very top of that page, the part you&#8217;ve laid eyes on.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You&#8217;ve probably seen this while online. Google&#8217;s image search, for example, uses lazy loading, with the thumbnails replacing placeholders as you scroll down the page. Scroll fast enough and you&#8217;ll see it in practice.<\/span><\/p>\n<p><b>Lazy Loading Works for Sites and You<br \/>\n<\/b><span style=\"font-weight: 400;\">So, are websites just being generous, looking out for you, your data, and your time? Not exactly. While lazy loading is actually beneficial to you, it helps the sites out, too. Sites load much faster using lazy loading, which drives traffic. People will give up on a site if it takes forever to appear. If the site can entice the user quickly with the top loaded section, the user is more likely to stick around and allow the rest of the site to load. Ultimately it\u2019s a win-win situation, and an innovative solution to sites with a lot of information.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you like to browse Facebook or Google, you\u2019ve probably come into contact with \u201clazy loading.\u201d Find out more about it here.<\/p>\n","protected":false},"author":83,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[6],"tags":[1203,1673,942,243,223],"class_list":["post-15513","post","type-post","status-publish","format-standard","hentry","category-privacy","tag-android-phone","tag-android-tips","tag-app0","tag-technology","tag-tips"],"_links":{"self":[{"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/posts\/15513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/comments?post=15513"}],"version-history":[{"count":1,"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/posts\/15513\/revisions"}],"predecessor-version":[{"id":21263,"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/posts\/15513\/revisions\/21263"}],"wp:attachment":[{"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=15513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/categories?post=15513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.psafe.com\/en\/blog\/wp-json\/wp\/v2\/tags?post=15513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}