{"id":290,"date":"2021-05-20T18:58:11","date_gmt":"2021-05-20T18:58:11","guid":{"rendered":"https:\/\/blog.newormedia.com\/?p=290"},"modified":"2021-06-10T19:51:14","modified_gmt":"2021-06-10T19:51:14","slug":"lazy-loading-ads","status":"publish","type":"post","link":"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/","title":{"rendered":"Lazy Loading Ads: The Good, The Bad, The Recommended"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6-1024x576.png\" alt=\"\" class=\"wp-image-360\" width=\"512\" height=\"288\" srcset=\"https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6-1024x576.png 1024w, https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6-300x169.png 300w, https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6-768x432.png 768w, https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6-1536x864.png 1536w, https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6-2048x1152.png 2048w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<p><a href=\"https:\/\/newormedia.com\/blog\/balancing-website-load-speed-with-ad-monetization\/\" target=\"_blank\" rel=\"noreferrer noopener\">Page loading speed<\/a> got you down?\u00a0<\/p>\n\n\n\n<p>Delivering high-performing ads while offering a quality user experience is a common dream and ambition amongst publishers. So it\u2019s no surprise when a solution comes along that can offer that and more, publishers want in on the excitement.&nbsp;<\/p>\n\n\n\n<p>The idea of lazy loading is no new concept; publishers have been applying it to images and videos for faster loading for quite some time. We know ads can significantly <a href=\"https:\/\/www.bbc.com\/news\/technology-47252725\" target=\"_blank\" rel=\"noreferrer noopener\">slow down browsing speeds<\/a>, so by using the same technique, one hopes to see the same increased load speed advantages. And while this does occur, it\u2019s important to note not all ad-optimization methods are a one-size-fits-all solution. This article will discuss the good, the bad, and the best practices of lazy-loading.&nbsp;<\/p>\n\n\n\n<h2>What is Lazy Loading For Ads<\/h2>\n\n\n\n<p>Behind the scenes of a user visiting a website, all content (images, ads, text, etc.) is rendered and downloaded in a single moment. Pretty efficient, right? Not always.&nbsp;<\/p>\n\n\n\n<p>Cue lazy loading.&nbsp;<\/p>\n\n\n\n<p>Lazy loading ads is the technique of rendering ads only as they come into a user\u2019s viewpoint as they navigate the page. Placeholder content boxes or empty containers are loaded initially, then replaced with actual content when a user scrolls down to it. As a result of allowing heavier files (ads) to load separately, the big hope is that pages will load faster.&nbsp;<\/p>\n\n\n\n<h2>The Pay-Off<\/h2>\n\n\n\n<p>This technique wouldn\u2019t be a popular solution if it didn\u2019t work to some degree. For publishers with ad-heavy websites, lazy loading is a <a href=\"https:\/\/automatad.com\/blog\/data-and-research\/impact-of-lazy-loading-ads\/\" target=\"_blank\" rel=\"noreferrer noopener\">proven way<\/a> to reduce load time and provide some tangible benefits.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>Better user experience:<\/strong> Users want results, and they want them quickly, whether they\u2019re looking for an in-the-moment solution or leisurely scrolling for entertainment. To give you an idea, consider this: as page load time goes from one second to three seconds, the probability of a <a href=\"https:\/\/www.thinkwithgoogle.com\/marketing-strategies\/app-and-mobile\/page-load-time-statistics\/\" target=\"_blank\" rel=\"noreferrer noopener\">bounce increases by 32%<\/a>.&nbsp;<\/p>\n\n\n\n<p>Ads are heavy, and having multiple units on a page can significantly increase page loading speed. So, by deploying lazy loading, you can free up some of the page weight to increase the speed of your website and reduce load time and latency.&nbsp;<\/p>\n\n\n\n<p><strong>Improves ad viewability:<\/strong> Knowing that you can effectively increase viewability is something no publisher wants to miss out on. High viewability rates can inform potential buyers that you have high-value inventory or ad units to offer and subsequently improve CPM\u2013more money! If you\u2019re unaware, ad viewability is the measurement of whether users see an ad. Statistically, <a href=\"https:\/\/digiday.com\/media\/wtf-viewability\/\" target=\"_blank\" rel=\"noreferrer noopener\">54% of all ads<\/a> created are not viewed by users, so making yourself stand above the crowd will make you very attractive to advertisers.<\/p>\n\n\n\n<p>When carried out correctly, lazy loading can increase the chance that an ad is registered as viewed. Additionally, it can help to significantly reduce the number of false impressions (valueless impressions) per session.&nbsp;<\/p>\n\n\n\n<h2>The Risk<\/h2>\n\n\n\n<p>Lazy loading is a solution that comes with its risks as well. It\u2019s essential to understand and weigh what this could mean for your website before deciding what\u2019s next.&nbsp;<\/p>\n\n\n\n<p><strong>SEO impact: <\/strong>For publishers who heavily focus on SEO, lazy loading comes with a worrisome downside. Googlebots can misconstrue lazy-loaded content as non-existent or unseen, negatively affecting your SEO ranking. However, on a positive note, Google blames <a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/lazy-loading\" target=\"_blank\" rel=\"noreferrer noopener\">incorrectly implemented lazy loading<\/a> on why content is inadvertently hidden. So long as you ensure you\u2019ve deployed it correctly, you can avoid loss on your SEO efforts.<\/p>\n\n\n\n<p><strong>Configuration:<\/strong> Coding the proper system is vital to success, but it\u2019s also quite tricky\u2013even for publishers who consider themselves ad veterans. If not correctly set up, ad performance and revenue will quickly cripple.&nbsp;<\/p>\n\n\n\n<p>As we mentioned above, ill-programmed lazy loading will negatively impact SEO units. It can also lead to a decrease in viewability. This occurs when a user scrolls quicker than it takes the ad to load, meaning your ads don\u2019t get viewed. To avoid the pitfalls of lousy configuration, be sure to consult an AdOps expert for setup. Additionally, once implemented, you\u2019ll want to test for issues and performance.&nbsp;<\/p>\n\n\n\n<h2>Lazy-Loading Best Approaches<\/h2>\n\n\n\n<p>Maybe you\u2019re convinced and ready to start implementing lazy loading today\u2013wahoo! But before running off, there are a few things you should know.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Firstly, in case we didn\u2019t stress this enough in the section above, coding is everything. Without the proper coding script, everything else will inevitably hit rock bottom. If you\u2019re working with AdSense or another ad network, you\u2019ll be doing a lot of the heavy lifting. Be sure not to take the first loading script you come across. Instead, make sure the script comes from a reputable source and you\u2019re implementing it correctly.&nbsp;<\/p>\n\n\n\n<p>In addition to a rockstar code, you\u2019ll want to be sure you\u2019re strategically deciding how to implement it throughout your site. Most importantly, you\u2019ll want to mind the fold. Since the viewer immediately sees everything above the fold on a webpage, delaying those ads would be impractical. Even more so, it could lead to viewability issues. While some ads appear above the fold on desktops, they may appear below the fold on mobile devices. It\u2019s essential to work with someone who can spot and test these elements.&nbsp;<\/p>\n\n\n\n<p>Testing your website following making any changes is always critical, and this should be no different. It\u2019s the easy way to know your successfully pulling off the technique.&nbsp;<\/p>\n\n\n\n<h2>Getting Started<\/h2>\n\n\n\n<p>If you\u2019re unhappy with your page loading speed, don\u2019t hesitate to test lazy loading on your site. While doing it yourself may lead to issues, working with a team of ad experts can help you see great results as well as spot any issues as soon as they appear! <a href=\"https:\/\/newormedia.com\/blog\/balancing-website-load-speed-with-ad-monetization\/\" target=\"_blank\" rel=\"noreferrer noopener\">Balancing website load speed with ad monetization<\/a> is a critical step in any publisher&#8217;s journey to high-performing ads. <\/p>\n\n\n\n<p>At <a href=\"https:\/\/newormedia.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Newor Media<\/a>, we have a team of ad experts who\u2019ve put in the time to craft a solid lazy-load solution and understand these elements, so you don\u2019t have to. Working with us, all you have to do is voice your concern, and we\u2019ll send you an alternative lazy load script. Our up-to-date reporting dashboard allows you to always be in the know about your ad performance. Beyond testing, you\u2019ll see first-hand whether lazy loading is the right for your website.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Page loading speed got you down?\u00a0 Delivering high-performing ads while offering a quality user experience is a common dream and ambition amongst publishers. So it\u2019s no surprise when a solution comes along that can offer that and more, publishers want<a class=\"more-link\" href=\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/\">Read more&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Lazy loading ads can improve page load speed, reduce latency, and even lead to more revenue\u2014so long as you use these best practices.\" \/>\n<link rel=\"canonical\" href=\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazy Loading Ads: The Good, The Bad, The Recommended - Newor Media Blog\" \/>\n<meta property=\"og:description\" content=\"Lazy loading ads can improve page load speed, reduce latency, and even lead to more revenue\u2014so long as you use these best practices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/\" \/>\n<meta property=\"og:site_name\" content=\"Newor Media Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-20T18:58:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-10T19:51:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6-1024x576.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"5 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/newormedia.com\/blog\/#website\",\"url\":\"https:\/\/newormedia.com\/blog\/\",\"name\":\"Newor Media Blog\",\"description\":\"Professional Ad Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/newormedia.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6.png\",\"contentUrl\":\"https:\/\/newormedia.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design-6.png\",\"width\":2240,\"height\":1260},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/#webpage\",\"url\":\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/\",\"name\":\"Lazy Loading Ads: The Good, The Bad, The Recommended - Newor Media Blog\",\"isPartOf\":{\"@id\":\"https:\/\/newormedia.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/#primaryimage\"},\"datePublished\":\"2021-05-20T18:58:11+00:00\",\"dateModified\":\"2021-06-10T19:51:14+00:00\",\"author\":{\"@id\":\"https:\/\/newormedia.com\/blog\/#\/schema\/person\/58d6d6ce478d3a8fb1b46d4777ddbe77\"},\"description\":\"Lazy loading ads can improve page load speed, reduce latency, and even lead to more revenue\\u2014so long as you use these best practices.\",\"breadcrumb\":{\"@id\":\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newormedia.com\/blog\/\",\"url\":\"https:\/\/newormedia.com\/blog\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/\",\"url\":\"https:\/\/newormedia.com\/blog\/lazy-loading-ads\/\",\"name\":\"Lazy Loading Ads: The Good, The Bad, The Recommended\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/newormedia.com\/blog\/#\/schema\/person\/58d6d6ce478d3a8fb1b46d4777ddbe77\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/newormedia.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8c616fe348f5655aec726ef3eaca1bb7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8c616fe348f5655aec726ef3eaca1bb7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/newormedia.com\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/posts\/290"}],"collection":[{"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":5,"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/posts\/290\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/posts\/290\/revisions\/361"}],"wp:attachment":[{"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/categories?post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newormedia.com\/blog\/wp-json\/wp\/v2\/tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}